:root{

    --color-primary:#111111;
    --color-secondary:#666666;
    --color-light:#ffffff;
    --color-background:#f8f8f8;
    --color-border:#e6e6e6;

    --container-width:1320px;

    --section-spacing:120px;

    --transition:all .3s ease;

}

*,
*::before,
*::after{

    margin:0;
    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:"Manrope",sans-serif;

    color:var(--color-primary);

    background:var(--color-light);

    line-height:1.6;

    overflow-x:hidden;

}

img{

    display:block;

    max-width:100%;

    height:auto;

}

a{

    color:inherit;

    text-decoration:none;

}

ul,
ol{

    list-style:none;

}

button,
input,
textarea,
select{

    font:inherit;

}

.container{

    width:min(calc(100% - 64px),var(--container-width));

    margin:0 auto;

}

section{

    position:relative;

}