h1{
    font-family: 'ClashDisplay';
font-style: normal;
font-weight: 700;

font-size: 4rem;
line-height:4.4rem;;

/* identical to box height */
color: var( --p_text-color);
margin: 0;
padding: 0;

}

h2{
    /* About me */
font-family: 'ClashDisplay';
font-style: normal;
font-weight: 700;
font-size: 3rem;
line-height: 4.9rem;

/* identical to box height */
color: var( --p_text-color);
margin: 0;
padding: 0;

}
h3{
    /* My work exp: */
    font-family: 'ClashDisplay';
font-style: normal;
font-weight: 600;
font-size: 2rem;
line-height: 3rem;
margin: 0px;
color: var( --p_text-light-color);


}
h4{
    /* I tested my app on Airports. */


font-family: 'ClashDisplay';
font-style: normal;
font-weight: 500;
font-size: 1.5rem;
line-height: 2rem;
margin:0;

color: var( --p_text-light-color);


}

@media only screen and (max-width: 800px) {
    h1{
        font-size: 3rem;;
        line-height:3.6rem;;
    }
    h2{
        font-size: 2.4rem;
        line-height: 4rem;
    }
    h3{
        font-size: 1.8rem;
        line-height: 2rem;
    }
    h4{
        font-size: 1.2rem;
line-height: 1.6rem;
    }

}