body{

    font-family:var(--font);

    color:var(--text);

    background:var(--background);

    line-height:1.7;

    overflow-x:hidden;

}

main{

    overflow:hidden;

}

.container{

    width:min(92%,var(--container));

    margin:auto;

}

section{

    padding:var(--section) 0;

}

h1,
h2,
h3,
h4{

    line-height:1.1;

    color:var(--dark);

    font-weight:800;

}

h1{

    font-size:clamp(52px,7vw,92px);

}

h2{

    font-size:clamp(34px,5vw,58px);

    margin-bottom:25px;

}

h3{

    font-size:28px;

}

p{

    color:var(--text-light);

    font-size:18px;

}

strong{

    color:var(--primary);

}

.section-title{

    max-width:700px;

    margin:auto;

    text-align:center;

    margin-bottom:70px;

}

.section-title p{

    margin-top:20px;

}

.text-center{

    text-align:center;

}

.bg-light{

    background:var(--background-alt);

}

.bg-dark{

    background:var(--dark);

    color:white;

}

.bg-dark h2,

.bg-dark h3{

    color:white;

}

img{

    user-select:none;

}

::selection{

    background:var(--primary);

    color:white;

}