body {
  background-image: url("https://files.catbox.moe/xeufdi.avif");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  color: white;
   font-family: sans-serif;
  font-size: 16px;
  padding: 7px;
}
header {
  text-align: center;
  font-size: 25px;
} 
hr {
  height: 10px;
  background-color: rgb(153, 255, 51);
  border-color: rgb(153, 255, 51);
}
.border {
  width: 70%;
  max-width: 930px;
  padding: 35px;
  margin: 0 auto;
  box-sizing: border-box;
}
main {
  line-height: 1.5;
  margin: 0.8, auto;
}
a {
  color: lightblue;
}
@keyframes Rainbow{
  0%{color: hsl(0, 100%, 62%)}
  20%{color: hsl(35, 100%, 62%)}
  40%{color: hsl(63, 100%, 62%)}
  60%{color: hsl(103, 100%, 62%)}
  80%{color: hsl(201, 100%, 62%)}
  100%{color: hsl(268, 100%, 62%)}
}
#splash {
  color: rgb(255, 0, 0); 
  animation-name: Rainbow;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
#bye {
   width: 70%;
  max-width: 930px;
  padding: 35px;
  margin: 0 auto;
  box-sizing: border-box;
}
footer {
  line-height: 1.5;
  margin: 0.8, auto;
}
.banner {
  background-color: black;
  padding: 10px;
  margin: 0;
  position: relative; 
}
.strip {
  height: 10px;
  background-color: rgb(153, 255, 51);
  border-color: rgb(153, 255, 51);
}
.banner-gif {
  position: absolute;
 top: 0px;
left: 250px;
}
.banner-gif {
  position: absolute;
  top: 0px;
  right: 0px;
}
#among {
  position: absolute;
    left: 100px;
}
#cat {
   position: absolute;
    left: 1000px;
}