/* 
-------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------- 
*/

@media screen and (max-width: 900px) {
    header {
        height: 700px;
    }

    header h1 {
        margin-top: 100px;
        font-size: 50px;
    }

    header p {
        margin: 20px;
    }

    .header-text {
        margin-top: 10px;
    }

    .header-text p {
        margin: 10px;
    }
}

@media screen and (min-width: 901px) {
    .earth img {
        transition-duration: 5s;
        width: 1200px; /* 200% */
        mix-blend-mode: lighten;
        border-radius: 9196.8px; 
        rotate: 5deg; /* 120deg */
        border-radius: 100%;
    }
}