:root{
    --main-brand-color:#F26C50;
    --primary-color: #222222;
    --background-color: white;
    --font-color: black;
}
*{
    margin: 0;
    padding:0;
}
html body{
    font-family: 'Poppins', sans-serif;
    height: 100vh;
    background-color: var(--background-color);
}
h1{
    font-size: 3.5vw;
}
@media (prefers-color-scheme: dark) {
    :root {
        --font-color: black;
        --primary-color: #222222;
        --background-color: #222222;
        --font-color: white;
    }
  }
@media(max-width:800px){
    h1{
        font-size: 5vw;
    } 
}