/* ---------- FONTS ---------- */

@font-face {
font-family: alice;
src: 
url(https://dl.dropbox.com/scl/fi/6ofz7ragjijbpvr2pqjsa/Alice_in_Wonderland_3.ttf?rlkey=oo6agb9ydxhllcdbbw6hxt5df&st=ve8dhmvo&);
}
@font-face {
font-family: espen;
src: 
url(https://dl.dropbox.com/scl/fi/1j7crn55fxq3i6o0z917q/EspenHalloween.ttf?rlkey=iazkjakbo2im8eml4ft3jkeda&st=f27lvhw9&
)}

/* ---------- BODY ---------- */

body {
font-family: ms gothic;
font-size: 22px;
color: #A6D3D4;
background-size: 55%;
background-blend-mode: darken;
background-color: rgba(0,0,0,0.0);
background-attachment: fixed; 
margin: 0 auto;
padding-bottom: 50px;
}

html {
filter: grayscale(13%) sepia(5%) saturate(85%);
}
	
#wrapper {
margin-left:auto;
margin-right:auto;
}

.window:before {
background: linear-gradient(180deg,#000,#940408)!important;
}

/* ---------- HEADER ---------- */

#navheader {
font-size: 45px;
background: linear-gradient(to bottom, #940408 0%,#0d0d0d 46%,#820312 80%,#000000 98%);
display: flex;
position: sticky;
top: 0;
z-index: 999;
border-bottom: 2px solid black;
justify-content: center;
}

#headernav {
background: linear-gradient(180deg,#940408,#000);
border-radius: 5px;
font-family: alice;
font-size: 38px;
color: #A6D3D4;
height: 40px;
width: 222px;
text-align: left;
margin-bottom: 4px;
border: 1px solid #940408;
margin-left: 10px;
line-height: 5px;
}

#headernav:hover {

border: 1px solid #A6D3D4;
color: black;
}

#headernav img {

filter: grayscale();
}

#headernav img:hover {
filter: grayscale(0%);
}

/* ---------- BUTTONS ---------- */

#buttonstyle {
background: linear-gradient(180deg,#940408,#000);
border-radius: 5px;
font-family: alice;
font-size: 30px;
color: #A6D3D4;
height: 40px;
width: 150px;
text-align: center;
border: 1px solid #940408;
margin-left: 10px;
justify-content: center;
margin-top: 15px;
}

#buttonstyle:hover {
border: 1px solid #A6D3D4;
color: black;
}

#tabnav {
background-image: url(https://sewerwolfx.neocities.org/index_pics/diamondbg.png);
background-size: 380px;
height: 70px;
}

/* ---------- others ---------- */

#titles {
color: #A6D3D4;
font-family: alice;
background:linear-gradient(180deg,#940408,#000)!important;
text-shadow: -1px -1px black;
padding-left: 10px;
}

a {
color: #940408;
}

