:root{
    --main-brand-color:#1775e8;
    --primary-color:#15171C;
    --secondary-color:#232933;
    --light-secondary-color:#2e3744;
    --text-color:#f0f3f6;
    --secondary-text-color:#b3b4b6;
    --kreis-color:#ffa200;
    }
    *{
        margin: 0;
        padding: 0;
    }
    
    body{
        min-height: 100vh;
        background-color: var(--primary-color);
        font-family: sans-serif;
        font-size: 10px;
        color: var(--text-color);
     
    }
    h1{
        font-size: 60px;
        line-height: 115%;
    }
    h3{
        font-size: 38px;
    }
    .subheading{
        margin-top: 20px;
        color:var(--secondary-text-color)
    }
   @media (max-width:800px) {
    h1{
font-size: 4vw;
text-align: center;
    }
    .subheading{
        text-align: center;
    }

   }