@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');

@font-face {
  font-family: 'Spirit';
  src:  url('https://file.garden/ZkotT9fNUzpwCeuq/Spirit.ttf');
}

body {
background-color:#36251B;
font-family: "DotGothic16", sans-serif;
color:#36251B;
}


.header {
background-image:url('https://necrodancing.neocities.org/images/header4.gif');
border: #E8D1A7 2px solid;
background-size: 780px 260px;
color:#E8D1A7;
height:250px;
width:750px;
margin-left:400px;
padding-left: 10px;
font-size:25px;
}

.navigation {
color:#E8D1A7;
margin-top:175px;
}

.about {
background-color:#E8D1A7;
height: 350px;
width:380px;
margin-top:10px;
margin-left:400px;
padding-left:5px;
position:absolute;
overflow:auto;
}

.button {
background-color:#E8D1A7;
height: 350px;
width:360px;
margin-left:800px;
margin-top:10px;
padding-left:5px;
position:absolute;
overflow:auto;
}

.webrings {
background-color:#E8D1A7;
height: 350px;
width:520px;
margin-left:400px;
margin-top:375px;
position:absolute;
overflow:auto;    
}

.fanlistings {
background-color:#E8D1A7;
height: 350px;
width:225px;
margin-left:940px;
margin-top:375px;
padding-left:1px;
overflow:auto;
position:absolute;
}

.calender {
background-color:#E8D1A7;
height: 350px;
width:280px;
margin-left:400px;
margin-top:740px;
overflow:auto;
position:absolute;
}

.update {
background-color:#E8D1A7;
height: 350px;
width:175px;
margin-left:694px;
margin-top:740px;
padding-left:1px;
overflow:auto;
position:absolute;
}

.status {
background-color:#E8D1A7;
height: 350px;
width:280px;
margin-left:885px;
margin-top:740px;
padding-left:1px;
overflow:auto;
position:absolute;
}


hr {
  width: 90%;
border: #36251B 1px solid;
  
}

a:link {
  color: #36251B;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #36251B;
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: #36251B;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #36251B;
  background-color: transparent;
  text-decoration: none;
 font-style: italic; 
}



.header a:link {
  color: #E8D1A7;
  background-color: transparent;
  text-decoration: none;
}

.header a:visited {
  color: #E8D1A7;
  background-color: transparent;
  text-decoration: none;
}

.header a:hover {
  color: #E8D1A7;
  background-color: transparent;
  text-decoration: none;
 font-style: italic; 
}

.header a:active {
  color: #E8D1A7;
  background-color: transparent;
  text-decoration: none;
}

.recent-played {
display: inline-block;
font-size: 15px;
}
.recent-played-track {
display: inline-block;
font-size: 12px;

}
    
 #statuscafe {
     padding: 0em;

}
 #statuscafe-username {
     font-size: 1px;
     opacity: 0;
}
 #statuscafe-content {
     padding: 0em;
     font-size: 12px;
}

.statuscafe2 {
transform: 0px 60px;
}