body {
  width: 800px;
  background: black;
  margin-left: auto;
  margin-right: auto;
  color: white;
  padding: 2px;
  margin-top: 20px;
}

@font-face {
  font-family: rein;
  src: url(https://file.garden/ZXJkOcYwORXn2d9V/saintandsocial-ma23p.otf);
}

@font-face {
  font-family: tinos;
  src: url(https://file.garden/ZXJkOcYwORXn2d9V/Tinos-Regular.ttf);
}

.body {
  width: 800px;
  border: 5px solid white;
  border-radius: 20px;
    font-family: tinos;
}

.flex {
  width: 100%;
  display: flex;
  height: 300px;
}

.sidebar {
  width: 30%;
  border-right: 2px solid white;
  border-radius: 15px 0px 0px 0px;
  padding: 3px;
}

.main {
  width: 70%;
  background-image: url(https://file.garden/ZXJkOcYwORXn2d9V/cavs%20gif.gif);
     border-radius: 0px 15px 0px 0px;
  background-size: 100%;
}

.page {
background: linear-gradient(to top, #000000, #000000, #333333, #333333);
  background-size: 100% 1px;
  display: none;
   border-radius: 0px 15px 15px 0px;
     padding: 4px;
     z-index: 100;
     position: relative;
     height: 292px;
     overflow: auto;

}

.page:target {
  display: block;
}

.title {
  color: #0a8f06;
  font-size: 28px;
    font-family: rein;
    background: white;
    border-radius: 15px 0px 0px 0px;
}

.title::after {
  content: url('https://file.garden/ZXJkOcYwORXn2d9V/gearspinning.gif');;
}

.links {
  width: 35%;
  float: left;
  padding: 5px;
}

.links button {
  background: #7dcc7a;
  width: 100%;
  border-radius: 0px 10px 10px 0px;
  margin-bottom: 7px;
  border: 2px solid black;
  box-shadow: 0px 0px 0px 2px #7dcc7a;
  transition: .2s ease margin, .2s ease color;
  text-decoration: underline;
  cursor: pointer;
  font-family: tinos;
}

.links button:hover {
  margin-top: 3px;
  margin-bottom: 5px;
  color: white;

}

.sidebar a {
  color: #7dcc7a;
  transition: .2s color;
}

.sidebar a:hover {
    color: #0a8f06;
}

h1 {
  font-size: 16px;
  margin: 2px;
  font-family: rein;
  letter-spacing: 5px;
  text-decoration: underline;
}

.scrollholda {
  border: 1px solid white;
  padding: 4px;
  height: 90px;
  font-size: .85em;
  border-radius: 3px;
  overflow: auto;
}

#home marquee {
color: #7dcc7a;
font-family: rein;
font-size: 15px;
letter-spacing: 5px;
margin: 3px;
}

#nextflex {
border-top: 2px solid white; height: auto;
border-bottom: 2px solid white;
padding: 3px;
font-family: rein;
width: 99%;

}

#nextflex marquee {
color: #7dcc7a;
width: 99%;
}

.mad {

    color: #0a8f06;
    font-size: 10px;
}


.left1 {
width: 80%;
padding: 4px;
border-right: 2px solid white;

}

.gallery {
width: 94.25%;
margin-left: auto;
margin-right: auto;
border: 1px solid white;
border-radius: 4px;
padding: 3px;
height: 120px;
overflow: auto;
}

.gallery img {
width: 78px;
height: 78px;
border: 1px solid white;
margin: 2px;
object-fit: cover;
}
#glenplayer02 {
position: relative;
top: 3px;
left: 4px;
display: flex;
z-index: 99;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
color: #fff;
width: 100%;
}
@font-face {
font-family: lovely;
src: url(https://dl.dropbox.com/s/xde2bkhiie1bm8r/LovelyRegular.ttf);
}
#glenplayer02 marquee {
font-family: lovely;
color: #000000;
width: 100%;
}
#glenplayer02 > div { align-self:center; -webkit-align-self:center; }
.music-controls {
user-select:none;
-webkit-user-select:none;
width:16px;
font-size:16px;
cursor:pointer; }
.playy, .pausee {
color:#177e35;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0;
}
.pausee {display:none;}
.sonata { margin-left:10px; color:#fff;  }
.labeltext { margin-left:0px; font-family: lovely; font-size:16px; font-weight: bold; color:#000; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 0; width: 96%;}

.imghold img {
height: 100px;
width: auto;
margin: 2px;
}

.shows {
width: 140px;
background: green;
float: left;

}

.shows2 {
float: right;
width: 390px;
background: blue;

}

.shows2 .scroll {
width: 98%;
border: 1px solid rgb(0, 0, 0);
padding: 3px;
border-radius: 5px;
height: 132px;
overflow: auto;
margin-bottom: 10px;

}

.shows img {
width: 138px;
border: 1px solid black;
height: 138px;
margin-bottom: 5px;
object-fit: cover;
}