body {
  background: linear-gradient(lightgrey, darkgrey);
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin: 0px;
}

h1 {
  color: black;
  font-family: "outfit", sans-serif;
}

#redmaker {
  color: red;
  font-family: "outfit", sans-serif;
}

#by {
  background-color: yellow; border-radius: 5px; font-family: "outfit", sans-serif;
}

.odd {
  color: red;
}

.even {
  color: white;
}

h2 {
  font-family: "outfit", sans-serif;
}

div {
  border-style: outset;
  border-radius: 5px;
  border-color: grey;
  padding: 5px;
}

hr {
  border-style: solid;
  padding: 1px;
}

#frame {
  border-style: inset;
  border-color: lightgrey;
  border-radius: 5px;
}

#box1 {
  background-image: url("https://starchbeast.neocities.org/musicicon.png");
  background-position: center;
  margin-bottom: 15px;
}

#box2 {
  background-image: url("https://starchbeast.neocities.org/chum.png");
  background-position: center;
}

#right {
  margin-left: auto;
}

#img {
  float: right;
}