@font-face {font-family: spirit;src: url(https://dl.dropbox.com/scl/fi/npu6iooiwovhxljcjoeex/spirit.ttf?rlkey=eubwh1fc2c460q68exstay65d&dl=0);}
  
* {

margin: 0;
padding: 0;}

body {
font-family: 'Times New Roman', georgia, arial, sans-serif;
font-size:12px;
color:#cecece;
letter-spacing:1px;
line-height:13px;
display:block;
position: relative;
background-color: #000;
filter: grayscale(100%);
z-index: 3;
padding:20px;}
  
i {color:#dadada;}
  
@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

.stars, .twinkling {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
}

.stars {
  background:#000 url(/Assets/stars.png) repeat top center;
  z-index:0;
}

.twinkling{
  background:transparent url(/Assets/twinkling.png) repeat top center;
  z-index:1;
  animation:move-twink-back 200s linear infinite;
}



/* Links */
a{
color:#ffffff;
text-decoration:none;
}

a:hover { 
color:#9c9c9c;
text-decoration:none;
}

.extra {
display:block;
font-size:11px;
padding-left:10px;
margin-bottom:4px;
color:#dd0000;
}  
  
/* Scrollbar */
::-webkit-scrollbar-thumb {
background-color: #979797;
border:1px solid #fff;
border-radius: 6px;}
::-webkit-scrollbar {
width:6px; height: 0px;
background: transparent;}

/* Boxes and Titles */
/* .box {

padding:5px;
margin-top: 5px;
border:1px solid #505050;
border-radius:4px;
} */

.title {
font: 20px 'cormorant garamond', arial;
font-weight:bold;
color:#dadada;
letter-spacing:3px;
margin-bottom:5px;
border-bottom:1px solid #696969;}

.title-filled {
border-bottom: 1px solid  #696969;
text-align:center;
font: 14px 'Cormorant Garamond', arial;font-weight:bold;
color:#fff;
text-transform:lowercase;
letter-spacing:2px;
margin-bottom:6px;
padding:3px;
}


/* Layout */
.container {
width: 700px;
margin: 30px auto;
background:transparent;
padding:0px;
border-radius:3px;
border-width:0px;
border-style:hidden;
border-color:#444444;
position: relative;
z-index: 2;

}

 #container {
      overflow: scroll;
      overflow-x: hidden;
      height: 30px;
      padding: 0.5em;
    }

  

/* Header / Site name */

.heading .name{
  color: #d1d1d1;
  font: 100px 'Jacquard 12', georgia, arial;
  text-align: center;
  padding-top: 80px;
  text-shadow: 0 0 15px rgba(255,255,255,.5), 0 0 10px rgba(255,255,255,.5);
  
}

.heading {
  width:100%;
  height:250px;
  opacity: 85%;
  background-image: url('https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExOXcyMHEwcXEwcWxtbTJ4ZTZ3Z2F2cGYyaXhob3NhMjc4dHd4dzFvcSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/qp1h5LQO8AmW8RICTI/giphy.gif');
  background-size: cover;
  margin-bottom: 15px;
  border-radius: 5px;
  display: block;
  
}

/* Navigation */

nav {
      background:transparent;
      text-align: center;
      
    }

    nav ul {
      list-style: none;
      margin: 0;
      padding: 6px 0;
      display: flex;
      justify-content: left;
      gap: 10px;
      flex-wrap: wrap;}

    nav li {
      display: inline-block;}

    nav a {
      font: 13px 'Cormorant Garamond', georgia, arial;
      text-transform:lowercase;
      font-style:italic;
      letter-spacing:2px;
      padding: 4px 10px;
      border-radius: 5px;
      color: #fff;
      transition: all 0.2s ease-in-out;}


/* Main / Content area */
.content {
display: flex;
gap: 10px;
}

.column {
flex: 1;
border-radius:3px;
padding: 10px;
text-align: justify;
}

#statuscafe {
    padding: .5em;
    background-color: transparent;
    font-family: 'Baskervville', georgia, serif;
    font-size: 10px;
}
#statuscafe-username {
    margin-bottom: .5em;
    font-size: 9px;
}
#statuscafe-content {
  margin-bottom: -10px;
    font-size: 10px;
    line-height: 1.4;
}
  

.chatbox-container {
  max-width: 600px;
  margin: 20px auto;
  overflow: hidden;
  background: transparent;
  
}

.chatbox-container iframe {
  display: block;
  border: none;
}


aside {
      width: 160px;
      background: transparent;
      padding: 10px;
      margin-top: 2.4px;
      box-sizing: border-box;}
      

    aside ul {
      list-style: none;
      padding: 0;
      margin: 0;}

    aside li {
      margin: 7px 0;
      padding: 4px;
      background: transparent;
      border-radius: 3px;
      transition: background 0.2s ease, transform 0.2s ease;}

    aside li:hover {
      background: #333;}
    
    aside a:link,
    aside a:visited,
    aside a:active {
    color: #dadada;
    font: 11px 'Baskervville', georgia, arial;
    font-style: normal;
    text-shadow: #dadada 0px 0px 1px;
    text-decoration: none;}




/*-------MUSIC PLAYER BY GLENTHEMES-------*/
#glenplayer02 {
position:fixed;
top:100px;
left:150px;
margin-top: 30px;
display:flex;
z-index:99;
border: 1px solid #696969;
background: transparent;
padding: 30px 30px;
transform: rotate(43.6deg);
}


#glenplayer02 a {text-decoration:none;}
 
#glenplayer02 > div {
align-self:center;
-webkit-align-self:center;
}

.playy {
color:#dadada; 
transform: rotate(-43deg);
animation: musicbox 5s ease-in 0s 1 normal infinite;
}
 
@keyframes musicbox {
	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

.pausee {display:none;}
 
.labeltext {
margin-left:0px;
padding-left: 5.5px;
position: relative;
bottom:10px;
font: 12px 'baskervville', georgia, arial;
color:#dadada;
}
 
/* Footer */
footer {
      background: transparent;
      text-align: center;
      padding: 8px 0;
      font-size: 12px;
      position: relative;
      font-size:10px;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
    }