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

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

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

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

::selection{
-webkit-text-stroke: 1px #000; 
color: #DD461B;
}

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: #000;
background-repeat: no-repeat;
overflow-x: hidden;
overflow-y: hidden;
color: #000;
z-index: 1;
}

#deco {
position: absolute;
margin-top: 60px;
margin-left: 40px;
z-index: 2;
opacity: 0.3;
filter: sepia(100%) hue-rotate(-85deg) saturate(200%);
pointer-events: none;
} 

#decoblur {
position: absolute;
margin-top: 60px;
margin-left: 40px;
z-index: 1;
opacity: 0.6;
filter: sepia(100%) hue-rotate(-50deg) saturate(15) brightness(0.8) blur(4px);
pointer-events: none;
} 

#logo{
position: absolute;
margin-left: 230px;
margin-top: -240px;
font-family: porcelain;
font-size: 165px;
font-weight: 400;
letter-spacing: -4px;
text-shadow:
  0 0 2px #9D7F09,
  0 0 5px #8B2301,
  0 0 9px #C88B26,
  0 0 1px #535001;
  
color: #EAE2BC;
z-index: 10;
opacity: 1;
}

#logo::selection{
-webkit-text-stroke: 1px #962B04; 
color: #EAE2BC;
}

#logo:hover{
opacity: 0.5;
}



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

#container{
width: 700px;
height: 380px;
background-image: url('https://file.garden/ZYDgfW2nsi-rTE3G/kjniud.png');
background-size: 100%;
border: 1px #000 solid;
box-shadow: inset 0px 0px 10px #DD461B;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;

border-top-left-radius: 120px;

}

#container2{
padding: 0px;
width: 620px;
height: 320px;
background-color: rgba(245, 240, 230, 0.8);
border: 1px #DD461B dotted;
box-shadow: inset 0px 0px 5px #FAAD49;
overflow-x:hidden
overflow-y:hidden
margin: 0;
margin-top: 0px;
display: flex;
flex-wrap: nowrap;
z-index: 3;
cursor: url("/cursors/small.png"), default;

border-top-left-radius: 80px;
}

#sidebar{
margin: 0px;
padding: 10px;
float: left;
width: 79px;
height: 300px;
background-color: ;
border-right: 1px #DD461B dotted;
overflow: hidden;
}

#stuffright{
margin: 0px;
padding: 0px;
width: 520px;
height: 320px;
overflow-x: hidden;
overflow-y: hidden;
border: 0px solid #000;
}

p{
  font-family: elegance;
  font-size: 9px;
  color: #000;
  margin-top: 0px;
  text-align: left;
  line-height: 10px;
}

section{
  font-family: elegance;
  font-size: 9px;
  color: #000;
  margin-top: 0px;
  text-align: left;
  line-height: 10px;
}

hr {
  border-top: 1px dotted #DD461B;
}

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

a:hover{
  -webkit-animation: glow 2.0s linear infinite;
          animation: glow 2.0s linear infinite;
}

#orange{
filter: sepia(100%) hue-rotate(-30deg) saturate(6) brightness(0.8);
width: 55px;
height: 55px;
border: 1px solid #DD461B;
margin: 0px auto;
box-shadow: 0px 0px 2px #DD461B;
}

#orange:hover {
    transition: 0.2s;
    filter: none ;
    cursor: url("/cursors/help.png"), default;
}

@keyframes glow {
0% {
text-shadow: 0 0 2px #000;
}

50% {
text-shadow: none;
}

100% {
text-shadow: 0 0 2px #000;
}
}

@-webkit-keyframes glow {
0% {
text-shadow: 0 0 2px #000;
}

50% {
text-shadow: 0 0 0;
}

100% {
text-shadow: 0 0 2px #000;
}
}

section{
scroll-margin-top: 5px;
}
  
