@font-face {
    font-family: "silkscreen"; 
    src: url("/fonts/silkscreen.ttf") format("truetype");
}

@font-face {
    font-family: "hibiscus"; 
    src: url("https://file.garden/ZYDgfW2nsi-rTE3G/hibiscus.ttf") format("truetype");
}

@font-face {
    font-family: "porcelain"; 
    src: url("/fonts/porcelain.ttf") format("truetype");
}

body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%);
z-index: 100;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
  
body{
cursor: url("/cursors/small.png"), default;
background-image: url('zzz');
background-color: #fff;
background-repeat: no-repeat;
overflow-x: hidden;
overflow-y: hidden;
color: #000;
margin: 0 auto;
}

#inside{
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
margin-top: 0px;
background-color: #fff;
margin: 0 auto;
}

#container{
background-image: url('https://file.garden/ZYDgfW2nsi-rTE3G/New%20board%20(51).png');
background-position: bottom;
width: 1000px;
height: 600px;
padding: 0px;
border: 0px solid #000;

background-color:#;
overflow-x:hidden;
overflow-y:hidden;
box-shadow: 0px 0px 0px #fff inset;

margin-top: -20px;


}



#frame {
position: absolute;
margin-top: -5px;
margin-left: -5px;
z-index: 1;
pointer-events: none;
} 

img{
  margin-bottom: -5px ;
  image-rendering: pixelated;
}



#navholder{
width: 250px;
display: flex;
justify-content: center;
margin-top: 0px;
background-color: #;
position: absolute;
margin-top: 120px;
margin-left: 665px;
}

span{
  font-family: silkscreen;
  font-size: 9px;
  font-weight: 300;
  margin: 0 auto;
  color: #fff;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 2px #000;
}

.playmusik{
  color: #000;
  text-shadow: none;
}

a{
  text-decoration: none;
  color: #fff;
}

a:hover{
  
}

p{
  font-family: silkscreen;
  font-size: 9px;
  font-weight: 300;
  margin: 0 auto;
  color: #fff;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 2px #000;
}

#thestuff{
width: 300px;
height: 400px;
overflow-x: hidden;
overflow-y: scroll;

position: absolute;
margin-top: 160px;
margin-left: 610px;
border: 0px solid #000;

padding: 0;
}

#musicplayer{
margin: 0px;
width: 260px;
height: 15px;
padding: 0px;
overflow-x: hidden;
overflow-y: hidden;
z-index: 4;
position:absolute;
margin-top: 595px;
margin-left: 690px;
}


::-webkit-scrollbar {
		width: 5px;
		}

		::-webkit-scrollbar-track {
		background-color: rgba(0, 0, 0, 0.2);
		padding:2px;
		}

		::-webkit-scrollbar-thumb {
		border-radius: 0px;
		box-shadow: inset 0px 0px 1px 1px #000;
		background: #fff;
		}
		
		
		h3{
  font-family: porcelain;
  font-size: 30px;
  font-weight: 300;
  margin: 0 auto;
}

		.back{
position: absolute;
top: 0px;
margin-left: 15px;

font-size: 40px;
color: rgba(0, 0, 0, 0.2);

transition: 0.1s;
}

.back:hover{
color: rgba(0, 0, 0, 1);
}