/* Desktop page */

body {
    overflow: hidden;
}

.screen {
    
    height: 59vh;
    width: 42vw;
    border-radius: 10px; 
    z-index: 10;
    bottom: 0;
    position: fixed;
    margin-top: 15vh;
    margin-bottom: 24vh;
    margin-left: 29.5vw;
    margin-right: 29.5vw;
    display: flex;
    
}

.bookBuddies {
    position: fixed;
    bottom: -7vh;
    left: -3vw;
    height: 60vh;
    z-index: 12;
}

.frog{
    position: fixed;
    bottom: -3vh;
    right: -3vw;
    height: 65vh;
    z-index: 12;
}

.pcImg {
    display: block;
    height: 96vh;
    margin: auto;
    margin-top: 2vh;
    
}

.rainbow {
    top: -7vh; 
    width: 100vw; 
    z-index: -5; 
    position: fixed;
}

.cloud {
    margin-bottom: 5vh; 
    position: fixed; 
    bottom: 10vh; 
    z-index: -3; 
    width: 100%; 
    pointer-events: none;
}

.table {
    position: fixed;
    bottom: 0;
    background-color: var(--midLitePurple-color);
    height: 20vh;
    width: 100vw;
    z-index: -1;
}

.screenContent {
    /* border: 1px white solid; */
    display: flex;
    flex-wrap: wrap;
    height: inherit;
    width: auto;
    margin-left: 3vw;
    margin-right: 3vw;
    justify-content: center;
    margin-top: 3vh;
    gap: 5vh;
    color: white;
    text-align: center;

    
}

.pcLink a {
    color:white;
    font-weight: 100;
    
}



.pcLinkImg {
    width: 8vh;
    height: 8vh;
    transition-duration: .5s;

}
.pcLinkImg:hover {
    scale: 1.1;
    transition-duration: .5s;
}


::-webkit-scrollbar-thumb {
    background: var(--pink-color);   
}


/* Subpages General */


.windowTab {
    height: 75vh;
    width: 65vw;   
    z-index: 12;
    position: fixed;
    margin-top: 12vh;
    margin-bottom: 24vh;
    margin-left: 20vw;
    margin-right: 20vw;
    display: flex;
    flex-direction: column;
    border: solid 1px var(--pink-color);
    background-color: rgb(24, 0, 39);
    border-radius: 2px;   
}

.tabTop {
    overflow: hidden;
    position: relative;
    top: 0;
    background-color: var(--pink-color);
    height: 5vh;
    width: 100%;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tabTop h4 {
    color: white;
    margin-left: 1vh;
    
}

.closeTab button {
    margin-right: 1vh;
    color: white;
    background-color: #ff51c2;
    border: 1px solid white;   

}
.closeTab button:hover {
    margin-right: 1vh;
    color: white;
    background-color: #ffa7e0;;
    border: 1px solid white; 
    cursor: pointer;  
}


.windowTab h4, h5 {
    font-family: Windows;

}

.miniIcon {
    height: 3vh;
    align-self: baseline;
    margin-right: .5vw;
    margin-top: .5vh;
}

.rainbowSub {
    top: 2vh; 
    width: 100vw; 
    z-index: -5; 
    position: fixed;
}

.cloudSub {
   
    position: fixed; 
    bottom: -10vh;
    z-index: -3; 
    width: 100%; 
    pointer-events: none;
}

/* Subpages Specific */

.resources {
    width: inherit;
    height: 69vh; /* Nice */
    margin: .5vh;
    margin-left: 2vh;
    color: white;
    overflow-y: scroll;
    overflow-x: hidden;
        
}