/* Web, Table, Mobile Breakpoints */

/* iPhone SE */
@media (min-width: 600px) {

    /* BG */

    #rainbowBg { 
        position: fixed;
        width: 100vw;
        top: 0vh;       
        z-index: 3;
    }

    #cloudBg { 
        position: fixed;
        top: 5vh; 
        z-index: 0; 
        width: 100%;
    }

    #whiteBg {
        background-color: white;
        height: 100vh;
        width: 100%;
        margin-top: -5vh;
    }

    #face {
        width: 100vw;
        position: fixed;
        right: 0;
        top: 0vh;
        z-index: -1;
    }

    #sun {
        position: fixed;
        height: 13vh;
        top: 21vh;
        left: 40vw;
        z-index: 2;
    }

    #moonsmall {
        position: fixed;
        height: 12vh;
        right: 40vw;
        top: 17vh;
        z-index: 2;
    }

    #twoBigShrooms {
        position: fixed;
        height: 26vh;
        left: 3vw;
        top: 10vh;
        z-index: 3;
    }

    #twoTinyShrooms {
        position: fixed;
        height: 19vh;
        right: 24vw;
        bottom: 29vh;
        z-index: 3;
    }

    #threeTinyShrooms {
        position: fixed;
        height: 9vh;
        left: 20vw;
        top: 61vh;
        z-index: 3;
    }

    #eyeball1 {
        position: fixed;
        height: 9vh;
        top: 45vh;
        left: 7vw;
        z-index: 3;
    }
    
    #eyeball2 {
        position: fixed;
        height: 11vh;
        top: 43vh;
        right: 35vw;
        z-index: 3;
    }

    /* LINKS */

    #updates {
        position: fixed;
        z-index: 10;
        bottom: 5vh;
        right: 3vw;   
    }

    #catBug {
        height: 35vh;
    }

    #siteMap {
        position: fixed;
        z-index: 10;
        top: 20vh;
        left: 16vw; 
    }

    #eyeFrog {
        height: 35vh;
    }

    #about {
        position: fixed;
        z-index: 10;
        bottom: 2vh;
        left: 2vw; 
    }

    #girlTigers {
        height: 44vh;
    }

    #galleries {
        position: fixed;
        z-index: 10;
        bottom: 5vh;
        left: 32vw; 
    }

    #flowerGirl {
        height: 58vh;
    }

    #library {
        position: fixed;
        z-index: 10;
        bottom: 2vh;
        right: 20vw; 
    }

    #bookGirl {
        height: 23vh;
    }

    #links {
        position: fixed;
        z-index: 10;
        top: 12vh;
        right: 0vw; 
    }

    #palmGirl {
        height: 40vh;
    }


}

/* My screen */
@media (min-width: 1500px) and (max-height: 850px) { 

    /* BG */

    #cloudBg { 
        top: 3vh; 
    }

    #sun {
        top: 23vh;
    }

    #moonsmall {
        top: 18vh;
    }
    
    #eyeball2 {
        height: 12vh;
        top: 49vh;
    }

    #threeTinyShrooms {
        left: 22vw;
        top: 63vh;

    }

    /* LINKS */

    #catBug {
        height: 36vh;
    }

    #updates {
        bottom: 3vh;
        right: 3vw;
    }

    #siteMap {
        left: 16vw; 
    }

    #eyeFrog {
        height: 35vh;
    }

    #about {
        left: 2vw;
    }

    #girlTigers {
        height: 46vh;
    }

    #galleries {
        bottom: 2vh;
        left: 32vw; 
    }

    #flowerGirl {
        height: 61vh;
    }

    #library {
        bottom: 3vh;
        right: 20vw; 
    }

    #bookGirl {
        height: 24vh;
    }

    #links {
        position: fixed;
        z-index: 10;
        top: 10vh;
        right: 0vw; 
    }

    #palmGirl {
        height: 43vh;
    }


}

/* iPhone XR, 12 Pro */
@media (min-width: 800px) and (max-height: 420px) {

    /* BG */

    #cloudBg { 
        top: 6vh; 
    }

    #sun {
        top: 24vh;
        left: 42vw;
    }

    #moonsmall {
        right: 41vw;
        top: 20vh;
    }

    #eyeball1 {
        top: 42vh;

    }
    
    #eyeball2 {
        top: 52vh;
        right: 35vw;
        height: 12vh;
    }

   #threeTinyShrooms {
        left: 22vw;
        top: 62vh;
    }
 
    /* LINKS */

    #updates {
        bottom: 2vh;
        right: 3vw;   
    }

    #catBug {
        height: 39vh;
    }

    #siteMap {
        top: 22vh;
        left: 15vw; 
    }

    #eyeFrog {
        height: 37vh;
    }

    #about {
        bottom: 2vh;
        left: 2vw; 
    }

    #girlTigers {
        height: 47vh;
    }

    #galleries {
        bottom: 2vh;
        left: 30vw; 
    }

    /* #flowerGirl {
        height: 58vh;
    } */

    #library {
        bottom: 2vh;
        right: 22vw; 
    }

    #bookGirl {
        height: 27vh;
    }

    #links {
        top: 9vh;
    }

    #palmGirl {
        height: 44vh;
    }


}

/* iPhone 14 Pro Max + Pixel 7, Galaxy S20 Ultra  */
@media (min-width: 910px) and (max-height: 450px) {

    /* BG */

    #sun {
        top: 24vh;
        left: 41.5vw;
    }

    #moonsmall {
        right: 41.5vw;
        top: 20vh;
    }

    #eyeball1 {
        top: 40vh;
    }
    
    #eyeball2 {
        top: 49vh;
        right: 33vw;
    }

   #threeTinyShrooms {
        left: 22vw;
        top: 62vh;
    }
 
    /* LINKS */

    #updates {
        right: 4vw;
        bottom: 3vh;   
    }

    #catBug {
        height: 39vh;
    }


    #eyeFrog {
        height: 40vh;
    }

    #about {
        bottom: 2vh;
        left: 3vw; 
    }

    #girlTigers {
        height: 48vh;
    }

    #galleries {
        bottom: 0vh;
        left: 32vw; 
    }

    #flowerGirl {
        height: 62vh;
    }

    #library {
        bottom: 2vh;
        right: 21vw; 
    }

    #bookGirl {
        height: 26vh;
    }

    #links {
        top: 10vh;
        right: 0vw; 
    }

    #palmGirl {
        height: 43vh;
    }

}

/* Galaxy S8+ */
@media (min-width: 720px) and (max-height: 380px) {
    
     /* BG */

    #sun {
        top: 24vh;
        left: 41.5vw;
    }

    #moonsmall {
        right: 41.5vw;
        top: 20vh;
    }
    
    #eyeball2 {
        top: 49vh;
        right: 33vw;
    }

 
    /* LINKS */

    #galleries {
        bottom: 0vh;
        left: 32vw; 
    }

    #flowerGirl {
        height: 61vh;

    }

    #library {
        bottom: 2vh;
        right: 20vw; 
    }

    #bookGirl {
        height: 25vh;
    }

    #links {
        top: 8vh;
        right: 0vw; 
    }

    #palmGirl {
        height: 44vh;
    }

    #catBug {
        height: 39vh;
    }

    #updates {
        bottom: 3vh;
    }

}

/* iPad Mini and Air + Pro */
@media (min-width: 950px) and (max-width: 1400px) and (max-height: 1050px) {

    /* BG */


    #cloudBg { 
        top: 3vh; 
    }

    #sun {
        height: 9vh;
        top: 15vh;
        left: 41vw;
    }

    #moonsmall {
        height: 8vh;
        right: 41vw;
        top: 12vh;
    }

    #twoBigShrooms {
        height: 23vh;
        left: 2vw;
        top: 5vh;

    }

    #twoTinyShrooms {
        height: 13vh;
        right: 24vw;
        bottom: 40vh;
    }

    #threeTinyShrooms {
        height: 7vh;
        left: 20vw;
        top: 61vh;

    }

    #eyeball1 {
        height: 8vh;
        top: 41vh;
        left: 4vw;
    }
    
    #eyeball2 {
        top: 33vh;
        height: 10vh;
    }

    /* LINKS */

    #updates {
        bottom: 13vh;
        right: 1vw;   
    }

    #catBug {
        height: 31vh;
    }

    #siteMap {
        top: 15.5vh;
        left: 16vw; 
    }

    #eyeFrog {
        height: 30vh;
    }

    #about {
        bottom: 1vh;
        left: 1vw; 
    }

    #girlTigers {
        height: 42vh;
    }

    #galleries {
        bottom: 16vh;
        left: 28vw; 
    }

    #flowerGirl {
        height: 55vh;
    }

    #library {
        bottom: 2vh;
        right: 14vw; 
    }

    #bookGirl {
        height: 23vh;
    }

    #links {
        top: 15vh;

    }

    #palmGirl {
        height: 37vh;
    }
   
} 




/* General */



.linkObj {
     transition-duration: .5s;
}

.linkObj:hover {
    scale: 1.05;
    transition-duration: .5s;
}