* {
    margin:0;
    padding:0;
    box-sizing: border-box;
}
@font-face {
    font-family:morningtea;
    src: url(fonts/MorningTea.ttf);
}
.tabcontent {
    display: none;
    animation:fadeEffect 1s;
}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  a {
    color:green;
    transition:0.5s ease all;
  }
  a:hover {
    color:rgb(0, 96, 0);
  }
body {
    background-image:url(images/nyanko-london.png);
    background-size:cover;
    overflow-x:hidden;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.tabcontent::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
.tabcontent {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
#main {
    width:550px;
    border:3px double black;
    border-left:3px dashed #999;
    border-top:0;
    padding:10px;
    background-color: white;
    font-family:morningtea;
    border-bottom-right-radius:50px;
    background-image:url(images/linebg.png);
    background-size:100%;
    background-repeat:no-repeat;
    position:relative;

}
#main-txt {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
font-size:20px;
padding:10px;
    height:200px;
    width:420px;
    text-align:center;
}
#side {
    width:200px;
    border:3px double black;
    border-right:0;
    border-top:0;
    padding:10px;
    background-color: white;
    font-family:morningtea;
    border-bottom-left-radius:10px;
}
.last-played {
    border:3px double black;
    border-radius:10px;
    padding:10px;
    background-image:url(https://foollovers.com/mat/cloth/t01-bg-paper.png);
    margin-top:10px;
    margin-bottom:10px;
    line-height:20px;
}
.nav {
    background-image:url(https://foollovers.com/mat/cloth/n08-bg-paper.gif);
    background-position: 100px;
    height:40px;
    border:3px double black;
    font-size:20px;
    border-radius:10px;
    position:relative;
}
.nav p {
    margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menuitems {
background-color:lightgray;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
padding-left:20px;
padding-top:10px;
margin-top:-10px;
}
ul {
    font-size:15px;
    list-style-image:url(https://files.catbox.moe/5cvuev.gif);
    line-height:30px;
}
.tabcontent li:hover {
   letter-spacing:normal;
}
li {
    transition:0.5s ease all;
}
li:hover {
    letter-spacing: 2px;
    cursor:pointer;
}
.links {
    float:right;
}
button {
    padding:5px;
    font-size:15px;
    border:3px double black;
    border-radius:5px;
    margin:5px;
    background-image:url(images/musicbg2.jpg);
    background-position:bottom;
    transition:0.5s ease all;
}
button img {
    vertical-align:middle;
}
button:hover {
    cursor:pointer;
    filter:brightness(80%);
}
.top {
    border:3px double black;
    border-bottom:0;
    padding-bottom:0;
    width:750px;
    background-color: white;
    padding:10px;
    border-top-right-radius:5px;
    border-top-left-radius:50px;
    font-family:;
}
.top-inside {
    border:3px double black;
    border-top-right-radius:5px;
    border-top-left-radius:50px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    background-image: url(https://i.pinimg.com/1200x/e2/04/b1/e204b124293f141bf9d3a4cbb1da2a6a.jpg);
    background-size:200px;
    padding:10px;
}
h1 {
    text-align: center;
    text-shadow:  1px 2px white,
    0 0 1em white,
    0 0 0.2em white;
    font-size:30px;
}

.nyanko {
  width:100px;
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
}



#recent {
    font-size:20px;
    padding:10px;
    line-height:20px;
    height:350px;
    overflow-y:scroll;
}