html, body {
    margin: 0;
    width: 100%;
    height: 100%;
}

.street {
      width: 100vw;
    height: 100vh;
    position: relative;
    background-image: url("back_main.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.cave {
        width: 100vw;
    height: 100vh;
    position: relative;
    background-image: url("back_cave.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
}

.manifest {
        width: 100vw;
    height: 100vh;
    position: relative;
    background-image: url("back_manifest.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
}
.manifest_text {  
  position: absolute;
  left:5%;
  top:10%;
  color: #3B2B18;
  
}
.item {
    position: absolute;

    background-size: contain;
    background-repeat: no-repeat;
}
.caveman {
    left: 10%;
    top: 40%;
     width: 250px;
    height: 250px;
    background-image: url("caveman.png");

}

.laptop {
  
    left: 30%;
    top: 25%;
    width: 160px;
    height: 160px;
    background-image: url("laptop.png");
}
.caveman:hover {
    background-image: url("caveman_asks.png");
}
.item:hover {
  transform: scale(1.1);
    filter: brightness(1.2);
}
.rick {
    position:absolute;
    width: 300px;
    height: 300px;

    background-image: url("rick.gif");
    background-size: contain;
    background-repeat: no-repeat;
}
.engineer {
   left: 60%;
    top: 40%;
        width: 250px;
    height: 250px;
    background-image: url("engineer.png");
}


.title {
    position: absolute;
    top: 10%;
    left: 40%;
    color: white;
}

.text {
    position: absolute;
    top: 20%;
    left: 30%;
    color: white;
}
.moon {
  
  left: 3%;
    top: 5%;
     width: 250px;
    height: 250px;
    background-image: url("moon.png");
}

.backpack {
  
  left: 46%;
    top: 45%;
     width: 250px;
    height: 250px;
    background-image: url("backpack.png");
}
.music {
  
  left: 58%;
    bottom: 9%;
     width: 160px;
    height: 160px;
    background-image: url("music.png");
}
.list {
  position: absolute;
  left:40%;
  top:28%;
  color: gray;
}
.cave a:link {
    color: white;
}
.cave a:visited {
    color: gray;
}

.me {
  
   left: 77%;
    top: 45%;
     width: 250px;
    height: 250px;
    background-image: url("me_main.png");
}
.guestbook {

    left: 36%;
    bottom: 15%;
    width: 160px;
    height: 160px;
    background-image: url("guestbook.png");

}
.tech {

    right: 36%;
    top: 15%;
    width: 160px;
    height: 160px;
    background-image: url("tech.png");

}
.back-link {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  color: #3B2B18;
  text-decoration: none;
}
    .back-link:hover {
      text-decoration: underline;
    }