.floatie1 {
  z-index: 20;
  
  background-image: url(https://i.postimg.cc/FRDxtX0r/Trumpet.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 225px;
  height: 300px;
  
  position: absolute; 
  top: 12%;
  left: 78%;
  
  animation-name:floatie1;
  animation-duration:5s;
  animation-iteration-count: infinite;
}


@keyframes floatie1 {
  0%   {transform: rotate(5deg);}
  50%   {transform: rotate(-15deg);}
  100%   {transform: rotate(5deg);}
}


.floatie2 {
  z-index: 20;
  
  background-image: url(https://i.postimg.cc/nzmbJjmK/Lovelitchi-old-design-pose.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 175px;
  height: 300px;
  
  position: absolute; 
  top: 60%;
  left: 50%;
  
  animation-name:floatie2;
  animation-duration:7s;
  animation-iteration-count: infinite;
}


@keyframes floatie2 {
  0%   {transform: rotate(-10deg);}
  50%   {transform: rotate(5deg);}
  100%   {transform: rotate(-10deg);}
}

.floatie3 {
  z-index: 20;
  
  background-image: url(https://i.postimg.cc/jSfzyRyJ/Chamametchi-Anime-Artwork-Pose1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 125px;
  height: 300px;
  
  position: absolute; 
  top: 18%;
  left: 10%;
  
  animation-name:floatie3;
  animation-duration:7s;
  animation-iteration-count: infinite;
}


@keyframes floatie3 {
  0%   {transform: rotate(5deg);}
  50%   {transform: rotate(-5deg);}
  100%   {transform: rotate(5deg);}
}

.floatie4 {
  z-index: 20;
  
  background-image: url(https://i.postimg.cc/CxYxML28/Heart_Onigiri.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100px;
  height: 300px;
  
  position: absolute; 
  top: 18%;
  left: 10%;
}




body {
  background-image: url(https://i.postimg.cc/ZnHKVz9t/Tamast-01.webp);
  background-size: 34%;
  background-attachment: fixed;
  color: #0aa9ff;
}

a {
  color: #fffb00;
  font-weight: bold;
}

.banner {
  width: 30%;
  height: 200px;
  padding: 20%;
  padding-top: 1%;
  padding-bottom: 1%;
  background-image: url(https://i.postimg.cc/nVgvqrLY/Tamagotchi-2009.webp);
  background-position: center;
  background-size: 100%;
  margin-top: 30px;
  margin-left: 15%;
}

.banner2 {
  background-color: rgba(255, 255, 255, 0.5);
  left: 15%;
  position: absolute;
  width: 30%;
  height: 200px;
  padding: 20%;
  padding-top: 1%;
  padding-bottom: 1%;
  border: #36b8ff solid 4px;
}

.main {
  word-wrap: break-word;
  overflow-y: scroll;
  width: 50%;
  height: 800px;
  padding: 1%;
  margin-top: 20px;
  border-color: pink;
  border-width: 3px;
  background-image: url();
  background-color: #b5e5ff;
  margin-left: 3%;
  border: #36b8ff solid 4px;
}

.secondary {
  position: absolute;
  left: 58%;
  top: 280px;
  width: 35%;
}

.music {
  width: 100%;
  height: 300px;
  background-image: url();
  background-color: #b5e5ff;
  border: #36b8ff solid 4px;
  overflow-y: scroll;
  padding: 1%;
}

.screenshots {
  width: 100%;
  height: 485px;
  overflow-y: scroll;
  background-image: url();
  background-color: #b5e5ff;
  border: #36b8ff solid 4px;
  margin-top: 20px;
  padding: 1%;
}