@font-face{src: url('https://files.catbox.moe/i0ns2d.ttf'); font-family: 'pc98';
}
@font-face {
font-family: 'aero';
src: url(https://dl.dropbox.com/s/klo6yfrf62916qp/02.10FEN.TTF);
}
 html,body{
      user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}
body{
  font-family: 'pc98';
  background: url(https://i.postimg.cc/c4HkqHNc/a_RB37Jj.png);
}
h1,h2,h3,h4,h5,h6{
  font-family: 'aero';
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-thickness: 2px;
}
#quiet{
  height:510px;
  width:193px;
  background: url(quiet.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  margin-top: 60px;
  margin-left: 100px;
  filter: drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0.5px white) drop-shadow(0.5px 0.5px 1px white) drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black);
  z-index: 15;
}
#back{
  height: 510px;
  width: 193px;
  background: url(quietback.png);
   background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  margin-top: 60px;
  margin-left: 770px;
  filter: drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0.5px white) drop-shadow(0.5px 0.5px 1px white) drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black);
  z-index: 15;
}
#main{
  margin: auto;
  width: 400px;
  height: 310px;
  border: 4px inset gray;
  margin-top: 15px;
  border-radius: 20px 20px 20px 80px;
  background: linear-gradient(180deg, #FBFBFB 60%, white 90%);
  position: absolute;
  margin-left: 250px;
  box-shadow: 1px -1px 0px 3px #BECB90;
  z-index: 5;
}
#idk{
  margin: auto;
  width:550px;
  height:200px;
  border: 4px inset gray;
  margin-top:350px;
  border-radius: 80px 20px 20px 20px;
  background: linear-gradient(180deg, #FBFBFB 60%, white 90%);
  position: absolute;
  margin-left: 250px;
  box-shadow: 1px -1px 0px 3px #BECB90;
  z-index: 5;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 5px;
  white-space: nowrap;
}
#idkh4{
  position: absolute;
  color: #BECB90;
  filter: drop-shadow(1.5px 1.5px 0 black) drop-shadow(-1.5px 1.5px 0 black) drop-shadow(0 -1.5px 0 black) drop-shadow(1.5px 0 black);
  font-size: 20px;
  z-index: 15;
  margin-top:550px;
  margin-left: 400px;
}
#idk img{
  border: 1px solid black;
  border-radius: 10px;
}
#right{
  margin: auto;
  width: 120px;
  height: 300px;
  border: 4px inset gray;
  margin-top: 15px;
  border-radius: 80px 20px 80px 20px;
  background: linear-gradient(180deg, #FBFBFB 60%, white 90%);
  position: absolute;
  margin-left:680px;
  box-shadow: 1px -1px 0px 3px #BECB90;
  z-index: 5;
  text-align: left;
  overflow-y: scroll;
  padding: 5px;
}
nav a{
  text-align: center;
}
a{
  width:80px!important;
  height:20px;
  background: #BECB90;
  border-radius: 10px;
  border: 1px solid black;
  padding: 3px;
  text-decoration: none;
  color: black;
}
header{
  background: url(quietb.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width:400px;
  height:100px;
  border-radius: 20px 20px 0 0;
  border-bottom: 2px solid gray;
}
header marquee{
  width: 210px;
  height:50px;
  position: absolute;
  margin-top:80px;
  margin-left: 180px;
}
header h2{
  position: absolute;
  color: #BECB90;
  filter: drop-shadow(1.5px 1.5px 0 black) drop-shadow(-1.5px 1.5px 0 black) drop-shadow(0 -1.5px 0 black) drop-shadow(1.5px 0 black);
  font-size: 40px;
  margin-left: 150px;
  margin-top: -15px;
  z-index:15;
}
#information, #extra, #images{
  padding: 5px;
}
#information{
  text-align: center;
}
#extra{
  width:400px;
  height:170px;
  display: block;
}
#images{
  width:400px;
}