@font-face {
    font-family: "SMB";
    src: url(media/fonts/smb.ttf) format("truetype");
}
body { 
    font-family: Hack, monospace, sans-serif;
}
 
 
body{
background-color: #125A7A;
background-image: url('media/images/bg/bg.png');
background-repeat: no-repeat;
background-size: 100%;
background-attachment: fixed;
color: #fff;

	  text-shadow:
    -2px -2px 0 #000,
    -2px 0px 0 #000,
    -2px 2px 0 #000,
    0px -2px 0 #000,
    0px -0px 0 #000,
    0px 2px 0 #000,
    2px -2px 0 #000,
    2px 0px 0 #000,
    2px 2px 0 #000,
    2px 3px 0 #000,
    3px 2px 0 #000,
    3px 3px 0 #000;
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
}



#main{
background-color: #fff;
width: 500px;
padding: 15px;
text-align: justify;
font-size: 15px;
line-height: 1.3;

border: 25px solid transparent;
background: url("media/images/navbar/bg.png") repeat 0 0;
border-image: url("media/images/navbar/border_alt.png") 12 round;
}

 
#all{
margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 90vh;
  width: 500px;
}

 

 
::-webkit-scrollbar{
width: 6px; 
}
 
::-webkit-scrollbar-track{
background-color: #15192D;
}
 
::-webkit-scrollbar-thumb{
background-color: #8C98EE;
}
 

a{
text-decoration: none;
color: #8C98EE;
}
a:hover{
text-decoration: underline;
color: #C6C9EE;
}
a:active{
text-decoration: underline;
}


.center {
   text-align: center;
}


.boxes{
	transition: all 0.5s;
}

html{
	cursor: url("media/images/cursor/cursor.png"), default;
	
}       
	a{
		cursor: url("media/images/cursor/cur_select.png"), default;
	}
	
.move-up:hover{
	-webkit-filter: brightness(150%);
    transition: all .3s;
    transform : translateY(-3px);
}

.move-right:hover{
	-webkit-filter: brightness(150%);
    transition: all .3s;
    transform: translateX(2.5px);
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}


.credits {
font-size: 11px;
}

#blogpost {
   padding: 2px;
   margin-top: 6px;
   padding: 8px;
	background-image:url("media/images/blogs/imageback.png");
background-size: cover;
height: 100px; 
width: 730px;
   text-align: left;
}

.blogIMG {
height: 80px; 
width: 80px;
padding-right: 7px;
}

.blogtitle {
font-size: 20px;
}


.blogdate {
color: #9199AD;
}

.blogsubtitle {	
font-size: 20px;
text-align: center;
}

.inblogtitle {	
font-size: 24px;
text-align: center;
}

.inblogdate {	
font-size: 14px;
text-align: center;
color: #9199AD;
}
	
#blogtext {
font-family: Hack, monospace, sans-serif;
font-size: 15px;
text-align: left;
}

.subtext {
font-style: italic;
font-size: 10px;
}

.subtext2 {
font-style: italic;
font-size: 8px;
color: #9199AD;
}

summary {
  outline: 2px solid #f590f0;
  color: #f590f0;
  margin: 5px;
  outline-offset: 5px;
  cursor: url("media/images/cursor/cur_select.png"), default;
  background: #010D25;
}

details > p {
  outline: 2px solid #f590f0;
  color: #f590f0;
  margin: 8px;
  outline-offset: 1.5px;
	font-family: Hack, monospace, sans-serif;
background: #010D25;
}

.contentstable {
	position: sticky;
	top: 0;
}


.ash {
color: #FF598C;
}

.logan {
color: #8CD600;
}

.gabe {
color: #9494FF;
}

.murioz {
color: #FFA77D;
}


/*WAVE TEXT ANIM*/

.waveletter {
  position: relative;
  display: inline-block;
  top: -0.03em;
  left: -0.03em;
  /*transform: rotate(var(--degree)) translateX(0.5em) rotate(calc(var(--degree) * -1));*/
  animation: orbit 0.8s linear infinite;
  -webkit-animation: orbit 0.8s linear infinite;
}
@keyframes orbit {
  from {
	  transform: rotate(0deg) translateX(0.1em) rotate(0deg);
	}
	to {
	  transform: rotate(360deg) translateX(0.1em) rotate(-360deg);
	}
}
@-webkit-keyframes orbit {
  from {
	  transform: rotate(0deg) translateX(0.1em) rotate(0deg);
	}
	to {
	  transform: rotate(360deg) translateX(0.1em) rotate(-360deg);
	}
}