html{
	cursor: url("cursor/normal.png"), default;
	
}
            
	a{
		cursor: url("cursor/select.png"), default;
	}
	

body { 
	 font-size: 16px;

}
 
 
body{
background-color: #000;
background-image: url('sunset.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;

font-family: 'Karla', sans-serif;
}



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

border: 25px solid transparent;
background: url("bg.png") repeat 0 0;
border-image: url("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{
color: #E5ACC7;
}
a:hover{
font-weight: bold;
color: #97AEED;
}
a:active{
font-weight: bold;
}


.center {
   text-align: center;
}


.boxes{
	transition: all 0.5s;
}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  transition: all 0.3s;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  transition: all 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  transform : translateY(-3px);
  transition: all .3s;
}

	
.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: 'MS UI Gothic';
font-size: 18px;
text-align: left;
}

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

.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: 'MS UI Gothic';
background: #010D25;
}

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


.avery {
color: #FF598C;
}

.logan {
color: #8CD600;
}

.gabe {
color: #9494FF;
}

.murioz {
color: #FFA77D;
}