@font-face {
    font-family:'Pixel';
    src: url(../fonts/Pixel.otf)
}  
@media (min-aspect-ratio: 4/3) {

body { 
  margin: 0;
  padding: 0;
  background-image: url('desk.png');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size:100% auto;
}

.work { 
  font-family:'Pixel';
  z-index: 3;
  color: white;
  font-size: 3vw;
position: absolute;
top: 4vw;
left: 4vw;
}

.descrip {
   font-family:'Pixel';
  z-index: 3;
  color: white;
  font-size: 4.5vw;
position: absolute;
top: 6.5vw;
left: 6vw;
opacity: 0;
}


.nano img{
  opacity: 0%;
  position: fixed;
  max-width:8.1vw;
  top: 39.7vw;
  left: 38.7vw;
}


.nano img:hover {
  opacity: 100%;
}


.classic img{
  opacity: 0%;
  position: fixed;
  max-width: 9.3vw;
  top: 34.3vw;
  left: 53.2vw;
}


.classic img:hover {
  opacity: 100%;
}


.dinosaur img{
  opacity: 0%;
  position: fixed;
  max-width: 28vw;
  top: 20.5vw;
  left: 4.7vw;
}

.dinosaur img:hover {
  opacity: 100%;
}

.nikka img{
  opacity: 0%;
  position: fixed;
  max-width: 18.5vw;
  top: 12.5vw;
  left: 73.8vw;
}

.nikka img:hover {
  opacity: 100%;
}


.camera img{
  opacity: 0%;
  position: fixed;
  max-width: 25vw;
  top: 36.8vw;
  left: 64.6vw;
}

.camera img:hover {
  opacity: 100%;
}

.glasses img{
  opacity: 0;
  position: fixed;
  max-width: 17.5vw;
  top: 4.1vw;
  left: 36.2vw;
}

.glasses img:hover {
  opacity: 100%;
}

.art img{
  position: fixed;
  opacity: 0;
  max-width: 18.2vw;
  top: 6.2vw;
  left: 55.3vw;
}

.art img:hover {
  opacity: 100%;
}

.writing img{
  opacity: 0;
  position: fixed;
  max-width: 18.3vw;
  top: 13.4vw;
  left: 32.5vw;
}
.writing img:hover {
  opacity: 100%;
}
}

@media (max-aspect-ratio: 4/3) { 
  
}


}