header{
    display: flex;
    flex-direction: column;
    height: calc(100vh - 100px);
    justify-content: center;
    h1{
        color: hsl(0, 0%, 20%);
        text-align: center;
        font-size: 4rem;
    }
    h2{
        color: hsl(200, 90%, 30%);
        text-align: center;
        font-size: 3rem;
        font-weight: 400;
    }
    p{
        text-align: center;
        font-size: 2rem;
        color: hsl(0, 0%, 30%);
    }
    @media screen and (max-width: 1200px){
        height: calc(100vh - 70px);
    }
    @media screen and (max-width: 450px){
        height: calc(100vh - 60px);
    }
}