.space-mono-regular {
  font-family: "Space Mono", monospace;
  font-weight: 400;
  font-style: normal;
}
.space-mono-bold {
  font-family: "Space Mono", monospace;
  font-weight: 700;
  font-style: normal;
}
.space-mono-regular-italic {
  font-family: "Space Mono", monospace;
  font-weight: 400;
  font-style: italic;
}
.space-mono-bold-italic {
  font-family: "Space Mono", monospace;
  font-weight: 700;
  font-style: italic;
}

.playwrite-gb-j {
  font-family: "Playwrite GB J", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


body {
  background-color: white;
  color: black;
  font-family: "Space Mono", 'Courier New', monospace;
  background-image: url("bg.png");
 animation: fadeInAnimation ease 0.5s;
 animation-iteration-count: 1;
 animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
 0% {
 opacity: 0;
 }
 100% {
 opacity: 1;
 }
}

#nav1 {
  display: flex;
  position: relative;
  z-index: 30;
  width: clamp(200px, 25px, 3%);
  float: right;
  margin-bottom: -100px;
  margin-left: clamp;
}
#navtext {
  display: flex;
  position: relative;
  z-index: 35;
  float: right;
  margin-top: 67px;
  margin-right: 90px;
  color: white;
  text-align: center;
  margin-bottom: -100px;
}
#clip {
  display: flex;
  position: relative;
  background-size: contain;
  width: 80%; height: 1000px;
  background-image: url("clip.png");
  background-repeat: no-repeat;
  rotate: -3deg;
}
#likes {
  display: flex;
  position: absolute;
  color: #3d275b;
  font-family: "Playwrite GB J", cursive;
  font-size: 21px;
  margin-top: 230px;
  margin-left: 80px;
  width: 550px;
  z-index: 2;
}
#therm {
  display: flex;
  position: absolute;
  margin-left: clamp(500px, 900px, 50%); margin-top: -1000px;
  width: 500px;
}
#pills {
  display: flex;
  position: absolute;
  width: 300px;
  transform: rotate(15deg);
  margin-left: 70%;
  margin-top: -700px;
}
#chin {
  display: flex;
  position: absolute;
  width: 300px;
  margin-left: 50%;
  margin-top: -1030px;
  transform: rotate(10deg);
}
#ferret {
  display: flex;
  position: absolute;
  width: 300px;
  margin-left: 600px;
  margin-top: -850px;
  transform: rotate(-10deg);
}
#monitor {
  display: flex;
  position: absolute;
  justify-content: center;
  width: 100%;
  scale: 0.7;
}

  transform: rotate(-15deg)
}