body {
  background-image: url('https://m0us3.neocities.org/images/TheRedOne.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: black;
  font-family: "Comic Sans MS";
}

footer {
    text-align:center;
    background-color: rgb(245,193,227);
    width: 100px;
    transform: translate(365px,50%);
}


/**Banner/NavBar**/
.banner {
  text-align: center;
  align-content: center;
  border-radius:500px/100px;
  width: 400px;
  color:rbg(56, 202, 32);
  background-color:rgb(245, 193, 227);  
  transform: translate(200px,-100px);
}
.banner-background {
  border-radius: 15px 15px 0px 0px;
  height: 115px;
  width: 800px; 
  background-color:black; 
}
/**NavBar**/
.nav {
  height: 45px;
  width: 800px;
  background-color: black;
  transform: translate(0px,-100px);
}
#home {
  transform: translate(350px, 5px);
  text-align: center;
  width:100px;
  background-color: gray;
}
#links {
  transform: translate(25px, -15px);
}
#faves {
  transform: translate(565px, -40px);
}
#kaleidoscope {
    transform: translate(700px, -75px);
}

/**MainBody**/
.background {
  display: flex;
  border-radius:45px;
  height: 500px;
  width: 800px; 
  background-color:rgb(61, 20, 95); 
}

/**interests**/
.interests {
  border-radius: 15px;
  background-color: rgb(166, 209, 162);
  width: 150px;
  transform: translate(25px,-475px);
  z-index: 2;
}
#int-title {
  text-align: center;
  font-weight: bold;
  border-radius: 25px;
  background-color:rgb(126, 219, 118);
}