/*---Fonts---*/
@font-face {
    font-family: "Roboto";
    src: url("font/Roboto-Bold.ttf") format("truetype");
    font-weight: 800;
}
@font-face {
    font-family: "Roboto";
    src: url("font/Roboto-Regular.ttf") format("truetype");
    font-weight: 400;
}
@font-face {
    font-family: "Roboto";
    src: url("font/Roboto-Light.ttf") format("truetype");
    font-weight: 200;
}

/*Variables*/
:root {
    --main-color: #0D0D0D; /*#1A1A1A*/
    --second-color: #F2F2F2;
    --third-color: #B59411;

    --border: 6px;
    --border-padding: 38px;
}

/*General*/
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    padding: var(--border);
    font-size: 20px;

    scroll-behavior: smooth;
}

p, a, h1, h2, h3, h4, h5, h6{
    color: var(--second-color);
    font-family: "Roboto";
}

a{
    text-decoration: none;
    font-weight: bolder;
}

a:hover{
    color: var(--third-color);
    /* filter: opacity(50%); */
}