:root{
    --main-brand-color:#059dfbef;
    --primary-color:#0d0d0f;
    --secondary-color:#041127;
    --light-secondary-color:#2e3744;
    --text-color:#ffffff;
    --secondary-text-color:#ffffff;
    --ring-color:#f18e0d;
    }
    *{
        margin: 5;
        padding: 5;
    }
    
    body{
        min-height: 100vh;
        background-color: var(--primary-color);
        font-family: sans-serif;
        font-size: 16px;
        color: var(--text-color);
     
    }
    h1{
        font-size: 100px;
        line-height: 115%;
    }
    h3{
        font-size: 38px;
    }
    .subheading{
        margin-top: 20px;
        color:var(--secondary-text-color)
    }
   @media (max-width:800px) {
    h1{
font-size: 10vw;
text-align: center;
    }
    .subheading{
        text-align: center;
    }

   }