/*
==========================================================
Base
==========================================================
*/

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

html{

    scroll-behavior:smooth;

}

body{

    font-family:var(--font-body);

    font-size:16px;

    line-height:1.7;

    color:var(--color-text);

    background:var(--color-background);

    overflow-x:hidden;

    text-rendering:optimizeLegibility;

}

img{

    display:block;

    max-width:100%;

    height:auto;

}

a{

    text-decoration:none;

    color:inherit;

    transition:var(--transition);

}

ul{

    list-style:none;

}

button{

    border:none;

    background:none;

    cursor:pointer;

    font:inherit;

}

.container{

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

    margin-inline:auto;

}

section{

    padding:

    var(--section-padding)

    0;

}

h1,
h2,
h3,
h4,
h5,
h6{

    font-family:var(--font-heading);

    color:var(--color-black);

    line-height:1.15;

    font-weight:600;

}

h1{

    font-size:72px;

}

h2{

    font-size:52px;

}

h3{

    font-size:34px;

}

p{

    margin-top:20px;

}

::selection{

    background:var(--color-primary);

    color:#fff;

}