* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    letter-spacing: 1px;
}
a{
    color: unset;
    text-decoration: none;
}

@font-face {
    font-family: robot;
    src: url('../Fonts/Roboto_Slab/static/RobotoSlab-Regular.ttf') format('truetype'),

}

@font-face {
    font-family: mullish;
    src: url('../Fonts/Mulish/Mulish-VariableFont_wght.ttf') format('truetype'),

}

@font-face {
    font-family: choco;
    src: url('../Fonts/chocolate-bar-demo/Chocolate\ Bar\ Demo.otf') format('truetype'),

}
@font-face {
    font-family: kyron;
    src: url('../Fonts/kyron/Kyron-Bold.ttf') format('truetype'),

}
@font-face {
    font-family: lato;
    src: url('../Fonts/Lato/Lato-Light.ttf') format('truetype'),

}
@font-face {
    font-family: merr;
    src: url('../Fonts/Merriweather_Sans/MerriweatherSans-VariableFont_wght.ttf') format('truetype'),

}
@font-face {
    font-family: six;
    src: url('../Fonts/republica-minor-2-0.regular.otf') format('truetype'),

}


:root {
    --primary-color: #c2cfca;
    --secondary-color: #002620;
    --tertiary-color: #173828;
    --font-1:robot;
    --font-2:mullish;
    --font-3:choco;
    --font-4:kyron;
    --font-5:ncl;
    --font-6:six;

    --padding: 100px 48px
}


@media (max-width:1200px) {
    :root{
        --padding:85px 42px
    }
}
@media (max-width:850px) {
    :root{
        --padding:75px 32px
    }
}
@media (max-width:550px) {
    :root{
        --padding:60px 18px
    }
}