:root{
    --main-brand-color:rgb(252, 97, 26);
    --text-color: white;
    --secundary-text-color:#c7c9cc;
    --primary-color:#15171c;
    --secondary-hintergrund-color:#232933;
    --light-hintergrund-farbe:#2E3744;
    --link-color:rgb(228, 240, 67);
    --font-scale: 0,4vw;
}
*{
    margin: 0;
    padding: 0;

}
body{
    min-height: 100vh;
    background-color:var(--primary-color);
    font-family: sans-serif;
    font-size: calc(1rem + var --font-scale);
    color: var(--text-color);

}

h1{
    font-size: 100px;
    line-height: 115%;
    color: var(--main-brand-color);
    text-shadow: 4px 0px 4px var(--secundary-text-color)
    
}
h2{
    color: var(--main-brand-color);
}
h3{
    font-size: 28px;
}
.second-subheading{
    color: var(--text-color);
    text-align: center;
    
}
.subheading{
    color: var(--secundary-text-color);
    text-align: center;
    
}

@media(max-width: 800px){
    h1{
        font-size: 12vw;
        text-align:center ;
    }
    .subheading{
        text-align: center;
    }

    body{
        font-size: 16px;
    }
    
    .second-subheading{
        font: size 8vw; ;
        text-align: center;
    }
    
    
}