/* ---------- FONTES ---------- */

@font-face{
    font-family:Fieldwork;
    src:url("../fonts/Fieldwork8-HumLight.otf") format("opentype");
    font-weight:400;
}

@font-face{
    font-family:Fieldwork;
    src:url("../fonts/Fieldwork14-HumDemiBold.otf") format("opentype");
    font-weight:500;
}

@font-face{
    font-family:Fieldwork;
    src:url("../fonts/Fieldwork16-GeoBold.otf") format("opentype");
    font-weight:700;
}

/* ---------- CORES ---------- */

:root{

    --black:#000000;
    --dark:#1A1A1A;
    --light:#EDEDED;
    --white:#FFFFFF;

}

/* ---------- GERAL ---------- */

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

body{

    font-family:Fieldwork, sans-serif;
    background:var(--white);
    color:var(--black);

}

/* ---------- TIPOGRAFIA ---------- */

.salt{

    font-feature-settings:"salt" 1;

}

.kerning-fix {
    display: inline-block;
    transform: translateX(0.1em);
}

/* ---------- HEADER ---------- */

header{

    text-align:center;
    padding:70px 25px 50px;

}

h1{

    font-size:42px;
    font-weight:700;
    letter-spacing:0em;
    font-kerning:normal;

}

header p{

    margin-top:12px;
    font-size:18px;
    color:var(--dark);

}

/* ---------- CONTEÚDO ---------- */

main{

    width:min(1300px,92%);
    margin:auto;
    padding-bottom:80px;

}

/* ---------- INSTAGRAM ---------- */

#instagram{

    width:100%;

}

/* ---------- RODAPÉ ---------- */

footer{

    border-top:1px solid var(--light);

    margin-top:60px;

    padding:25px;

    text-align:center;

    color:var(--dark);

    font-size:14px;

}