:root{
--color-primary:#ed2024;
--color-black:#000;
--color-white:#fff;

--font-size-desktop:20px;
--font-size-mobile:18px;

--space-1:.5rem;
--space-2:1rem;
--space-3:2rem;
}

html,body{margin:0;padding:0}
body{
font-family:'Noto Sans',sans-serif;
font-weight:300;
font-size:var(--font-size-desktop);
line-height:1.7;
}

h1{font-size:clamp(48px,6vw,96px);line-height:1}
h2{font-size:clamp(36px,4vw,64px)}
h3{font-size:32px}

.container{max-width:1600px;margin-inline:auto}
.flex{display:flex}
.grid{display:grid}

.btn{
display:inline-block;
padding:.9rem 1.5rem;
text-decoration:none;
}

.btn-primary{
background:var(--color-primary);
color:#fff;
}

@media(max-width:768px){
body{font-size:var(--font-size-mobile);}
}