body {
 font-family: Verdana;
 background: url('../img/seamlessarcade.jpg') repeat center center fixed;
}

h1 {
 font-family: Verdana; 
}

h2 {
 font-family: Verdana;
 font-size: 25px;
 color: white;
}

p {
 font-family: Verdana;
 font-size: 20;
 color: white;
}

a {
  color: inherit;
}

#redhead {
  color: #ff9796
}

#orangehead {
  color: #ffc198
}

#yellowhead {
  color: #f9e296
}

#greenhead {
  color: #c0f99a
}

#bluehead {
  color: #a5d5e9
}

#purplehead {
  color: #c39aff
}

.navigation {
 display: flex; 
 justify-content: space-around;
 background-color: black;
 width: 900px;
 border-radius: 10px;
}

.navoutline {
 border: 2px solid black; 
 border-radius: 10px;
 background-image: url('../img/background.jpg');
 background-size: cover;
 background-repeat: no-repeat;
 width: 925px;
 padding-top: 10px;
 padding-bottom: 10px;
}

.navlink {
  margin-bottom: 10px;
  margin-top: 10px;
  color: white;
  font: Verdana;
}

.bodyoutline {
  background-image: url('../img/background.jpg');
  border: 2px solid black;
  border-radius: 10px;
  background-size: cover;
  width: 925px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.mainbody {
 background-color: black; 
 width: 900px;
 border-radius: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
}

.secondbody {
 display: flex;
 justify-content: space-around;
 width: 950px;
}

.secondbodyoutline {
 background-image: url('../img/background.jpg');
 border: 2px solid black;
 border-radius: 10px;
 background-size: cover;
 background-repeat: no-repeat;
 padding-right: 10px;
 padding-left: 10px;
 margin-left: 10px;
 margin-right: 10px;
 height: 330px;
}

.secondbodybody {
 background-color: black;
 border-radius: 10px;
 height: 300px;
 width: 270px;
 margin-top: -5px;
}

#updatebox {
 word-wrap: break-word;
 overflow: scroll;
 width: 260px;
 height: 215px;
}

#linkmebox {
 resize: yes; 
 margin-top: 10px;
 height: 75px;
}

#linkme {
 width: 250px;
 margin-top: -20px;
}

.hugeflexbox {
 display:flex; 
 justify-content: space-around;
}

.leftsectionoutline {
 width: 300px;
 height: 400px;
 background-image: url('../img/background.jpg');
 background-size: cover;
 background-repeat: no-repeat;
 border: 2px solid black;
 border-radius: 10px;
}

.leftsectionbody {
 width: 270px;
 height: 370px;
 background-color: black;
 margin-top: 15px;
 border-radius: 5px;
}

.leftsectionoutline2 {
 width: 300px;
 height: 300px;
 background-image: url('../img/background.jpg');
 background-size: cover;
 background-repeat: no-repeat;
 border: 2px solid black;
 border-radius: 10px;
}

.leftsectionbody2 {
 width: 270px;
 height: 270px;
 background-color: black;
 margin-top: 15px;
 border-radius: 5px;
}

.rightsectionoutline {
 width: 300px;
 height: 300px;
 background-image: url('../img/background.jpg');
 background-size: cover;
 background-repeat: no-repeat;
 border: 2px solid black;
 border-radius: 10px;
}

.rightsectionbody {
 width: 270px;
 height: 270px;
 background-color: black;
 margin-top: 15px;
 border-radius: 5px;
}

.rightsectionoutline2 {
 width: 300px;
 height: 400px;
 background-image: url('../img/background.jpg');
 background-size: cover;
 background-repeat: no-repeat;
 border: 2px solid black;
 border-radius: 10px;
}

.rightsectionbody2 {
 width: 270px;
 height: 370px;
 background-color: black;
 margin-top: 15px;
 border-radius: 5px;
}

.songlink {
 font-size:10px; 
 font-weight: bold;
}

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/cursors/cur-3/cur273.cur), auto !important;} /* End https://www.cursors-4u.com */

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #resize {
    width: 100%;
  }
  #resize2 {
    width: 95%;
  }
  #resize3 {
    font-size: 10px;
  }
  #resize4 {
   flex-direction: column; 
   width: 100%;
  }
  #resize5 {
   margin-top: 15px; 
  }
  #resize6 {
   display: none; 
  }
  .secondbodyoutline {
   position: relative; 
  }
}