.lab1{
    position: absolute;
    left: 0.1vw;
    width: 100vw;
    top: -10vw;
    bottom: 0.1vw;
}

.back a{
    position: absolute;
    top:2vw;
    left:2vw;
    font-size: large;
    
    color: aqua;
    font-family: 'Quicksand', Verdana, sans-serif;
    border: rgb(255, 213, 213);
    border-style: solid;
    border-width: 3px;
    float: left;
    text-shadow: 2px 2px #000;
    z-index: 2;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: ease;
}
.back a:hover{
    color:chartreuse;
    rotate: 365deg;
}

#sign{
    position: absolute;
    left:70vw;
    top:0vw;
    height:20vw;
    opacity:80%;
}
#sign:hover{
    opacity: 100%;
    rotate:-5deg;
}


#dev1{
    position: absolute;
    left: 2vw;
    top: 40vw;
    height: 12vw;
    opacity: 60%;
}
#dev1:hover{
    rotate:3deg;
    opacity: 80%;
}

#dev2{
    position: absolute;  
    left:10vw;
    top: 25vw;
    height:15vw;
    opacity: 60%;
}
#dev2:hover{
    rotate:-4deg;
    opacity: 80%;
}

#dev3{
    position: absolute;
    left:16vw;
    top:35vw;
    height:15vw;
    opacity: 60%;
}
#dev3:hover{
    rotate:-10deg;
    opacity: 80%;
}

#dev4{
    position:absolute;
    left:25vw;
    top:40vw;
    height:15vw;
    opacity:60%;
}
#dev4_1{
    position:absolute;
    left:25vw;
    top:40vw;
    height:15vw;
    z-index: -99;
}
#dev4:hover{
    z-index: -99;
    opacity: 0%;
}

#dev4:hover + #dev4_1 {
    z-index: 3;
    opacity: 80%;
}

#dev5{
    position: absolute;
    right:-2vw;
    top:25vw;
    height:17vw;
    opacity: 70%;
}
#dev5:hover{
    rotate:-3deg;
    opacity: 80%;
}

.speakingobject span{
    background-color: aliceblue;
    opacity: 0;
    position: absolute;
    top: 30%;
    left:40%;
    z-index: -99;
    padding: 20px;
    font-size: 1rem;
    font-family: 'Fira Code', monospace;
    max-width: 25vw;
}

.speakingobject:hover span{
    opacity: 80%;
    z-index: 99;
}


.speaks{
    font-family: 'Fira Code', monospace;
    position:absolute;
    background-color: azure;
    opacity: 70%;
    border-radius: 4px;
    left: 20vw;
    top: 2vw;
    width: 50%;
    height: 5vw;
    
    gap:8px;
    align-items: center;
    display: flex;
}
.speaks p{
    flex:1;
    text-align: center;
}

.speaks:hover{
    font-style: italic;
}


.footer{
    position: absolute;
    bottom:2vw;
    right:0vw;
    background-color:rgb(55, 2, 55);
    color: aqua;
    opacity: 80%;
    font-family: 'Courier New', Courier, monospace;
    font-size: small;
}
.footer a{
    color:aquamarine;
}
.footer:hover{
    font-style: italic;
}