@font-face {
font-family: "Makinas";
  src: url("/src/fonts/Makinas.woff") format("woff"),url("/src/fonts/Makinas-Scrap-5.otf") format("otf");
font-weight:normal;
font-style: normal;
}

*{
    font-family: Makinas;
    color:#ccc;
}

body{
  background-attachment: fixed;
  background: url(../img/util/ui2.png);
  background-color:black;
}

.epiHeader{
    border-bottom: 1px solid #555;
}

.epiHeader  > span{
    text-shadow: 0 0 20px #f90;
    color:white;
}
.epiPanel{
	border:none;
	background-color: rgba(55,55,55,0.2);
    text-shadow: 0 0 0px #aaa,0 0 5px #aaa;
}
.exstory{
	border:none;
	background-color: rgba(55,55,55,0.2);
    text-shadow: 0 0 0px #aaa,0 0 5px #aaa;
}
.chapter span{
	color:#aaaaaa;
    text-shadow:none;
    border-bottom: 1px solid #9999aa;
}

.epiTitle > p{
	text-shadow:none;
    font-size:16px;
   	color:#999;
}
.epiTitle > div{
   color:#ccc;
}


.epiBody a:hover{
	background-color:rgba(0,0,25,0.5);
}

.epiBody a:hover .epiTitle > p{
    text-shadow: 0 0 10px blue,0 0 30px #1030ff;
    color:white;
    transition-duration:0.8s;
}

.profile a{
    color:  #2588ee;
    transition: 0.3s;
}

.profile a:hover{
    color:  #054399;
    transition: 0.3s;
}
.sub_menu div{
  color: #fff;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, .4);
}

.sub_menu a div:hover{
	background-color: rgba(255, 255, 255, .3);
  letter-spacing: 1px;
	    transition-duration:0.5s;
}

.tab ul li{
    font-size: 25px;
    border:1px solid #555;
	background-color: rgba(55,55,55,0.2);
    text-shadow:none;
    text-align: right;
    padding-right: 0.5em;
}
.toplink a{
    border: 1px solid white;
    color:  #2588ee;
    transition: 0.3s;
}
.toplink a:hover{
    background: rgba(255,255,255,0.5);
    color:  #054399;
    transition: 0.3s;
}
.tab ul li:hover{
	color:white;
	text-shadow: 0 0 10px blue,0 0 30px #1030ff;
}