nav {
        height: 100%;
        background-image: url(/media/assets/yellowbg.jpg);
        background-size:10vw;
        border-width: .5vw;
        border-color: rgba(0, 0, 0, 0.3);
        border-style:solid;
        position:fixed;
        width:15vw;
        top:0px;
        left:0px;
        bottom:0px;
}
.container1 {
    background-color: rgba(0,0,0,.8);
}
.container {
  background-color: rgba(255,255,255,.8);
  padding:2vw; 
  border:.7vw solid rgb(95, 57, 20); 
  border-radius:0vw;
  margin-left:0vw;
  margin-right:0vw; 
  margin-bottom:0vw;
  margin-top:3vw;
  text-align:center;
  width:70vw;
  font-size:2vw;  
  position:relative;   
  left:15%;
}
.container img {
  border: .5vw dashed rgb(255, 221, 0); 
}
.container2 {
  background-color: rgba(0,0,0,.8);
}

nav ul {
    list-style-type: none;
    text-decoration:none; 
    color:pink;
    left:50%;
}
nav img {
  position:absolute;
  width:12vw;
  height:8vw;

}
    nav a {
        text-decoration:none;
        color:black;
        font-weight:1000;
        
}
nav p {
  font-size:1.3vw;
  width:1vw;
}
    .navbutton {
        padding:.5vw;
        margin-top: 2vw;
        border-radius:2.5vw;
        
}
 /* width */
 ::-webkit-scrollbar {
  width: 15px;
  background: #110f32;
  
}

/* Track */
::-webkit-scrollbar-track {
  background: #2c2883;
  border-radius:25px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #938bff;
  border-radius:25px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #39daf7;
}

  body {
    background-image: url(/media/assets/yellowstarflashbg.gif);
    background-size:5vw;
    padding:4vw;    
    cursor: url('/media/assets/jelly2.cur'), auto;
    color:rgb(101, 52, 28);
    font-family: Courier, monospace;   
    text-align: center;
    overflow-x:hidden;
    font-size:.5vw;
}
body p {
  font-size:1.5vw;
  color:rgb(101, 52, 28);
}
body:a:link {
  color: lightgreen;
  background-color: transparent;
}

      h1 {
      cursor: url('/media/assets/jelly2.cur'), auto;
      color: rgb(91, 60, 25);
      text-align:center;
}
    h2 {
      cursor: url('/media/assets/jelly2.cur'), auto;
      color: rgb(0, 0, 0);
      font-size: 2.5vw;
}
h4 {
  cursor: url('/media/assets/jelly2.cur'), auto;
  color: rgb(0, 0, 0);
  font-size: 2.5vw;
}
  summary {
    cursor: url('/media/assets/jelly2.cur'), auto;
    color: rgb(0, 0, 0);
    font-size: 2vw;
  }
h5 {
    font-size:1.5vw;
  }
footer img {
  width:15vw;
  height:15vw;
}

    .musicplayer {
    border:.5vw groove lightblue; 
    background-color:rgba(0,0,0,.8);
    border-radius:2.5vw;
    margin-top:160; 
    margin-left:auto; 
    margin-right:auto;
    padding:.5vw; 
    width:26vw; 
    font-size:1.2vw;
    color:lightblue;
    }