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("musicicon.png");
        background-position: center;
        margin-bottom: 15px;
      }
      #box2{
        background-image: url("chum.png");
        background-position: center;
      }
      #right{
         margin-left: auto;
      }
      #img{
        float: right;
      }