body{
    background: rgb(3,32,48);
    background: linear-gradient(180deg, #171717 0%, rgb(48, 34, 3) 200%);
}

h1,h2,h3,h4,p,a,li{
    color:#006DA4;
}

h2{
    font-size:min(9vw,9vh);
    background: linear-gradient(135deg, var(--main) 0%, rgba(177,201,239,0) 140%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h3{
    font-size:min(5vw,5vh);
    letter-spacing:min(1vh,1vw);
    background: linear-gradient(180deg, var(--main) 0%, rgba(177,201,239,0) 140%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h4{
    font-size:min(2vw,2vh);
    background: linear-gradient(135deg, var(--white) 0%, rgba(177,201,239,0) 150%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align:center;
}

#catchy{
    width:100%;
    height:90vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

@media(max-width:420px){
    h2{
        font-size:max(9vw,9vh);
    }
    
    h3{
        font-size:max(5vw,5vh);
    }
}