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

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

::selection{
color: rgba(255, 255, 255, 1);
  text-shadow: 0 0 15px #5584AB, 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 5px #5584AB, 0 0 8px #5584AB, 0 0 8px #5584AB, 0 0 12px #5584AB, 0 0 18px #C19563;
}

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.3) 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;
}

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

#container{
margin: 0 auto;
background-image: url('https://i.pinimg.com/1200x/09/24/2b/09242be6d2f0b082a4384de0271da884.jpg');
background-size: cover;
background-repeat: no-repeat;
width: 1150px;
height: 570px;
padding: 0px;
border: 1px solid #000;

background-color:#999;
overflow-x:hidden;
overflow-y:hidden;
box-shadow: 0px 0px 0px #000000;

  border: 1px solid transparent;
  border-image-source:url('border.png');  
  border-image-repeat: repeat;
  border-image-slice: 30;
   border-image-width: 30px;
   border-image-outset: 11px;
}




#side{
margin: 0 auto;
width: 500px;
height: 545px;
padding: 0px;
border: 1px solid #000;

background: radial-gradient(circle,rgba(132, 145, 153, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%);
overflow-x:hidden;
overflow-y:hidden;
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.4), inset -5px 0 5px 1px rgba(0, 0, 0, 0.3), 0 0 3px 1px rgba(0, 0, 0, 0.75) inset, 0 0 3px 1px rgba(0, 0, 0, 0.75);
border-radius: 5px;
border-bottom-right-radius: 150px;

position:absolute;
margin-top: 12px;
margin-left: 10px;
z-index: 5;
}

#buttonhold{
margin: 0 auto;
width: 25px;
height: 150px;

background-color: #;
overflow-x:visible;
overflow-y:visible;

position:absolute;
margin-top: 30px;
margin-left: 498px;
z-index: 100;

display: flex;
flex-direction: column;
column-gap: 20px;
justify-content: space-between;
  
}

.button1{
  filter: drop-shadow(0 0 0px #2D7C98); 
}



.button2{
  filter: drop-shadow(0 0 0px #2D7C98); 
}



.button3{
  filter: drop-shadow(0 0 0px #2D7C98); 
}



.button4{
  filter: drop-shadow(0 0 0px #2D7C98); 
}

/*.button4:hover{
  filter: drop-shadow(0 0 2px #2D7C98) 
          drop-shadow(0 0 1px #C19563);
} */

#TYPEhome{
margin: 0 auto;
padding: 0px;
width: 70px;
height: 30px;

background-color: #;
overflow-x:hidden;
overflow-y:hidden;

position:absolute;
margin-top: 28px;
margin-left: 525px;
  
}

#TYPEwebsites{
margin: 0 auto;
padding: 0px;
width: 160px;
height: 30px;

background-color: #;
overflow-x:hidden;
overflow-y:hidden;

position:absolute;
margin-top: 70px;
margin-left: 525px;
  
}

#TYPEbuttons{
margin: 0 auto;
padding: 0px;
width: 110px;
height: 30px;

background-color: #;
overflow-x:hidden;
overflow-y:hidden;

position:absolute;
margin-top: 111px;
margin-left: 525px;
  
}

#TYPEcredits{
margin: 0 auto;
padding: 0px;
width: 80px;
height: 30px;

background-color: #;
overflow-x:hidden;
overflow-y:hidden;

position:absolute;
margin-top: 153px;
margin-left: 525px;
  
}

#fullbody {
position: absolute;
margin-top: 300px;
margin-left: 900px;
z-index: 1;
pointer-events: none;
} 

p{
  font-family: dogica;
  font-size: 8px;
  font-weight: 400;
  line-height: 12px;
  
  color: rgba(255, 255, 255, 1);
  text-shadow: 0 0 15px #2D7C98, 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 5px #5584AB, 0 0 8px #9090BA, 0 0 8px #B0B0BF, 0 0 12px #D6E7AB, 0 0 18px #C19563;
}

h1{
  font-family: tek;
  font-size: 60px;
  font-weight: 400;
  letter-spacing: -9px;
}

#logo{
  
  color: rgba(255, 255, 255, 1);
  text-shadow: 0 0 15px #2D7C98, 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 5px #5584AB, 0 0 8px #9090BA, 0 0 8px #B0B0BF, 0 0 12px #D6E7AB, 0 0 18px #C19563;
  
  position: absolute;
  margin-top: 10px;
  margin-left: 50px;
  z-index: 100;
  
}

.larger{
  letter-spacing: -5px;
  filter: blur(1.5px);
  opacity: 0.6;
  mix-blend-mode: color-dodge;
}

.largest{
  letter-spacing: 2px;
  filter: blur(1.5px);
  opacity: 0.2;
  mix-blend-mode: color-dodge;
}

.largester{
  letter-spacing: 9px;
  filter: blur(1.5px);
  opacity: 0.1;
  mix-blend-mode: color-dodge;
}

#colour{
filter: sepia(100%) hue-rotate(-200deg) saturate(2) brightness(0.9);
margin: 0px;
width: 88px;
height: 31px;
}
#colour:hover {
    filter: none ;
}