body, html, a, a:hover, textarea { cursor:url("https://cepheus.neocities.org/img/cbasic.png"), crosshair;}

  body{
    background-color: #ecd574;
    background-image: url('https://cepheus.neocities.org/stars/inflicted.png');
    font-family: times new roman, serif;
    font-size: 15px;
    letter-spacing:1px;
    overflow: auto;
    scrollbar-color: transparent transparent;}
    
    #container{
    width: 970px;
    overflow:auto;
    border: 1px solid black;
    background-color: white;
    background-image:url('https://cepheus.neocities.org/stars/sidebar.png');
    background-position: left 0px top 0px;
    background-repeat: repeat-y;
    border-radius: 13px;
    margin: 0 auto;
    margin-top: 4.84vw;
    margin-bottom: 4.84vw;
    height:100%;}
    
    #layout{
    float:right;
    width:775px;
    height:510px;
    background-color: white;
    background-image:url('https://cepheus.neocities.org/stars/lyt%20775%20v3.png');
    background-position: right 0px top 0px;
    background-repeat: no-repeat;}
    
  .header{
    float:left;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
    border-radius: 13px 13px 0px 0px;
    background: #d14c3a;
    border-bottom: 1px solid black;
    }
    
    .h{
   margin-top:5px;
    padding-left: 15px;
    font-size: 30px;
    color:white;
    letter-spacing:3px;
    line-height:25px;
    font-weight:bold;}
    
    .desc{
      line-height:20px;
    letter-spacing:3px;
     font-weight:normal;
     font-size: 17px;
     margin:0;
     padding:0;
    }
    
    .h h2{
      line-height:20px;
    letter-spacing:3px;
     font-weight:normal;
     font-size: 17px;
     margin:0;
     padding:0;
    }
  
    
  .side{
    width: 185px;
    float:left;
    border: none;
    margin-right: 5px;
    margin-top:-510px;
    padding: 5px;
    border-right: 1px solid black;
    background: #efefef;
  }
  
  .blog{
    border: none;
    width: 565px;
    float:right;
    margin-top: 0px;
    margin-left: 0px;
  }
  
  .bstyle{
    margin:0;
    padding:0;}
  
  .bstyle h1{
    font-size:26px;
    padding:0px;
    margin:0px;
    text-align:right;
    border-bottom: 1px solid #4a3f3f;
    font-weight: normal;
    line-height: 20px;
    padding-top:10px;
    margin-bottom:5px;
    letter-spacing:3px;
  }
  
  .bstyle h1::first-letter{
    font-weight:bold;}
    
  .bstyle h2{
    background: #d14c3a;
    font-size:20px;
    padding:0px;
    margin:0px;
    text-align:center;
    color:white;
    font-weight: bold;
    border: 1px solid black;
    line-height: 20px;
    padding-top:2px;
    padding-bottom:2px;
    margin-bottom:5px;
    letter-spacing:3px;
  }  
  
  .bstyle h2 a{
    color:white;}
    
   .bstyle h2 a:hover{
     background:transparent;
     text-shadow: 0px 0px 2px black, 0px 0px 5px black;}
  
  .bstyle .t{
    line-height:13px;}
  
  .side2{
    border: none;
    width: 180px;
    float:right;
    margin: 25px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
  }
  
   .side2 h1{
    font-size:24px;
    padding:0px;
    margin:0px;
    text-align:center;
    border-bottom: 1px solid #4a3f3f;
    font-weight: normal;
    line-height: 20px;
    padding-top:10px;
    margin-bottom:5px;
    letter-spacing:6px;
  }
  
  .side h1{
    font-size:24px;
    padding:0px;
    margin:0px;
    color: black;
    text-align:right;
    font-family:arial, serif;
    font-weight:900;
    font-style:italic;
    border-bottom: 1px solid #4a3f3f;
    line-height: 18px;
    padding-top:10px;
    margin-bottom:5px;
    letter-spacing:-2px;
  }
    
  .side h2, .side2 h2{
    background: #d14c3a;
    font-size:20px;
    padding:0px;
    margin:0px;
    text-align:center;
    color:white;
    font-weight: bold;
    border: 1px solid black;
    line-height: 20px;
    padding-top:10px;
    margin-bottom:5px;
    letter-spacing:3px;
    padding-top:2px;
    padding-bottom:2px;
  }  
  
  .box{
    width:100%;
   border: 0px solid black;
   margin:0px;
   margin-bottom:10px;
   margin-top: 10px;
   color:#000;
    font-size:11px;
    font-family: arial, serif;
    letter-spacing:1px;
    position: relative;
  }
  
    .box h1{
    font-size:20px;
    padding:0px;
    margin:0px;
    color:black;
    text-align:right;
    font-family:arial, serif;
    font-weight:900;
    font-style:italic;
    border-bottom: 1px solid #000;
    line-height: 18px;
    padding-top:2px;
    margin-bottom:5px;
    letter-spacing:0px;
  }
  
  .c1{
    display:inline-block;
  margin:0;
  float:left;
  padding:0;
  width: 278px;
  }
  
  .c2{
    display:inline-block;
  float:right;
  margin:0;
  padding:0;
  position:absolute;
  top:0;
  right:0;
  width: 278px;
  
  }
  
  .stat{
    overflow-y: auto;
    border-spacing:10px;
      box-shadow: 0px 0px 0px black;
      padding: 2px;
      border: 1px solid rgba(186,165,64,1);
      background: rgb(186,165,64);
      background: linear-gradient(180deg, rgba(236,213,116,1) 0%, rgba(255,255,255,1) 100%);
      margin: 0;
      height:146px;}
      
      .stat em{
       background: rgb(186,165,64);
       color:white;
      }
      
      
      .stat table{
        width:100%;
        text-align:center;
        border:0;
        background:transparent;
        border-spacing: 3px;
        margin:0;
        padding: 0;
        margin-top:-1px;
      }
      
      .stat tr, .stat td{
        border:1px solid rgba(186,165,64,1);
        padding: 3px;
        margin-bottom: 2px;
        background:transparent;
      }
  
  @font-face {
  font-family: "FreePixel";
  src: url("http://cepheus.xyz/stars/FreePixel.ttf") format("ttf");
}
    
  .t{
    color:#4a3f3f;
    padding-top:5px;
    font-size:13px;
    font-family: arial, serif;
    letter-spacing:1px;
    padding-bottom:5px;}
    
    .mob{
     font-size:13px;
     letter-spacing: 1px;}
     
     .bstyle .mob{
     line-height:15px;}
    
    a{
    text-decoration:none;
  border-bottom: none;
  color: #000;
  -moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}
  
  a:hover{
    -moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
    color: white;
    background: #992b2b;}
    
    
    ul{
      padding:0;
      margin:0;
      padding-top:3px;
      padding-bottom:3px;
      padding-left:6px;
      list-style-position:inside;
      list-style-image: url('https://cepheus.neocities.org/stars/bullet.png');}
      
      li{        
      margin-bottom:3px;}
      
    .stat ul{
      padding:0;
      margin:0;
      padding-top:3px;
      padding-bottom:3px;
      padding-left:6px;
      list-style-position:inside;
     list-style-image: url(http://media.tumblr.com/542b9a267c0ae326a17a75dc4767cc38/tumblr_inline_mp493lValP1qz4rgp.png);} 
    

     
    .n ul{
      padding:0;
      margin:0;
      list-style-position:inside;
      list-style-image: url('https://cepheus.neocities.org/vessel/pj/folder-orange.gif');
      }
  
  .n {margin:0;
  padding:0;
    line-height:9px;
  }
  
  .n a{
   color: black;
   text-decoration:none;
   margin:0;
   padding: 0;
   padding-top: 1px;
   padding-bottom:1px;
   border:none;
    line-height:8px;
  }
  
  .n a:hover {
    background: rgb(138,44,42);
background: linear-gradient(180deg, rgba(138,44,42,1) 0%, rgba(194,73,59,1) 100%);
    border-radius:10px;
    border: 1px solid white;
    box-shadow: 0px 0px 2px black;
    text-shadow:none;
    color:white;
    padding-left:5px;
    -moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
letter-spacing:5px;}
     
      .n li{
    border-bottom: 1px dashed #aaa;
    list-style-type: square;
    padding-bottom:6px;
   margin-top: 1px;
   margin-bottom: 0px;}
   
   .n ul{
     margin-top: -5px;}
    
    
   .bl{
     font-family:georgia, serif; 
     font-style:italic; 
     padding-left:6px; 
     border: 1px solid rgba(236,213,116,1); 
     border-left: 30px solid rgba(236,213,116,1);}
     
     .bl ul{
      padding:0;
      margin:0;
      list-style-position:inside;
      list-style-image: url('https://cepheus.neocities.org/content/pixels/tumblr_inline_nfq8voVnOd1siyl8l540.gif');
      }
   
  
   .footer{
  width: 100%;
 height: auto;
 line-height: 12px;
 background: #d14c3a;
    border-radius: 0px 0px 13px 13px;
 border-top: 1px solid black;
 text-align:center; 
 font-size: 12px;
 text-transform:lowercase;
 margin:0;
 font-weight:normal;
 color:#fff;
 padding:0;
 padding-top:4px;
 padding-bottom:4px;
 float:right;}
    
.footer a{
  text-decoration: none;
  color:inherit;
  border:none;}
  
  
.footer a:hover{
  -moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
  color:inherit;
  background:transparent;
  text-shadow: 0px 0px 1px white, 0px 0px 4px white; }
  
  
    
    em{
     font-style:normal;
     font-weight:bold;
     color: #f7d2d2;
     background: #992b2b;
     padding-left:3px;
     padding-bottom:0px;
    }
    
    i{
      color: #992b2b;}
      
      blockquote{
        background: rgb(138,44,42);
background: linear-gradient(180deg, rgba(138,44,42,1) 0%, rgba(194,73,59,1) 100%);
    border-radius:10px;
    border: 1px solid white;
    box-shadow: 0px 0px 2px black;
    color:white;
    padding: 5px;}
    
    blockquote li{
      padding: 0;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
    list-style-position: inside;
    list-style-image: url(http://media.tumblr.com/542b9a2…/tumblr_inline_mp493lValP1qz4rgp.png);
}

    
    .bq a, .bq a:hover, .bq i{
      color:white;}
    
  .insp img a:hover, .insp a:hover {
    background:transparent;
    border:none;}
    
    #statuscafe {
      max-height: 100px;
      overflow-y: auto;
    padding: 2px;
    margin-left:3px;
    margin-right:3px;
    border-radius: 3px;
    background-color: transparent;
    border: 1px solid #aaa;
}
#statuscafe-username {
    margin-bottom: 7px;
    font-style: normal;
    font-weight: bold;
    background: #f7d2d2;
    color: #992b2b;
    padding-left: 3px;
    padding-bottom: 0px;
}

#statuscafe-username a{
  color: #000;}
  #statuscafe-username a:hover{
  color: #fff;
  background:transparent;}

#statuscafe-content {
    margin-left: 5px;
}
    
    
  ::-webkit-scrollbar {
    width: 10px; 
    height: 4px; 
    background: transparent; }
    
::-webkit-scrollbar-thumb { 
  background: rgba(186,165,64,1);
  background: linear-gradient(180deg, rgba(236,213,116,1) 0%, rgba(186,165,64,1) 100%);
border:3px solid white; 
-webkit-border-radius: 2ex; 
border-radius: 2ex; }

::-webkit-scrollbar-track-piece {display: none;}

.img a{
  border:none;
  text-decoration:none;}
  
  img{
  opacity: 0.7;
  -moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}

img:hover{
  opacity: 1;
  -moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}

.lyt img{
  opacity: 1;}

.date{
     margin:0;
     padding: 0;
     padding-left:1px;
     padding-top:6px;
     width: 84px;
     height: 32px;
     background-color:transparent;
     background-image: url('https://31.media.tumblr.com/fa8d6a0eca4658828001c7e87e70f990/tumblr_inline_n8kh6lPHGo1qbq39l.png');
     background-repeat:no-repeat;
     float:left;
     padding-right: 6px;
     font-size:14px;
     line-height: 15px;
     text-align:center;}
     
     
  .bft{
    border:1px solid black; padding:4px; background: #d14c3a; color:white; text-align:center; width:100%; margin:0 auto; box-sizing: border-box; margin-bottom:-15px; font-size:13px; font-family:arial, serif;}
    
    .cft{
      margin-top:10px;}
      
    
  .bft a{
    color:#fff;
    background:transparent;
    text-decoration:underline;
    }
    
    .bft a:hover{
    background:transparent;
      letter-spacing:3px;
      text-shadow: 0px 0px 1px #000, 0px 0px 4px #000;}
      
      
      .scrolly{
       height:499px;
       overflow-y: scroll;
      }
    
    .i{border: 0px solid black; margin:0; width:565px; height:579px; overflow-y:auto; background-color: transparent; overflow-x:hidden;}
    
    .cb2{margin:0; border:none; width:178px; height:100px; overflow:auto; background-color: transparent;}
         
         
         .cb1{margin:0; border: 0; width:178px; height:150px; overflow:auto; background-color: transparent;}
         
.mobonly{display:none;}

textarea{
  box-shadow: 0px 0px 0px black;
      padding: 2px;
      border: 1px solid #973330;
      color:white;
      background: rgb(159,66,62);
      background: linear-gradient(180deg, rgba(159,66,62,1) 0%, rgba(210,133,125,1) 100%);
      margin: 0;
      font-family:inherit;
      font-size:inherit;
      BORDER-radius:6px;}
      
.mo{
  font-size: 12px;
  line-height: inherit;}
  
  
  
#button-rotate .hcg-slide-container {
	width: auto;
	height: auto;
}

#button-rotate img{
  opacity: 1;}

#button-rotate a:hover {
	background:transparent;
}

.hcg-slider {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.hcg-slide-container {
	
	display: inline-block;
	position: relative;
}
.hcg-slides {
	display: none;
	text-align: center;
	overflow: hidden;
}
.hcg-slides img {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	border-radius: 0px;
	border: solid 0px #a0a0a0;
	vertical-align: middle;
}

.hcg-slide-number, .hcg-slide-text{
  display:none;}
  
/************CSS button Animation***********/

.animated { 
	animation-name: fadeIn; 
	animation-duration: 2s;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.fadeIn {
	animation-name: fadeIn;
}


::-moz-selection { 
  color: white;
  background: rgba(0,0,0,1);
  text-shadow: 0px 0px 2px white;
}

::selection {
  color: white;
  background: rgba(0,0,0,1);
  text-shadow: 0px 0px 2px white;
}

  
@media only screen and (max-width: 700px) {
  
  
.mobonly{display:inline-block;}
  
body{
  width:100%;
  margin: 0;
  font-size: 15px;
  padding:0;}
  
#footer{
  font-size: 15px;}
  
#container{
width: 95%;
margin: 0 auto;
padding:0;
background:white;
margin-top: 15px;
margin-bottom: 15px; 
}

img{
max-width:100%;}

.t img{
 max-width:100%; 
 display:inline-block;
}

.header{
  text-align:center;
  height: 50px;}
  
  .h{
    margin-left: -5px;
    font-size: 50px;
  line-height: 45px;}
  
  .h h2{font-size: 22px;
  line-height: 50px;}

.blog{
  display:inline-block;
  float:none;
  width: 100%;
  margin:0;
  margin-top: 20px;
  margin-bottom: 10px;
  border-top: 1px solid black;
  padding:0;}
  
  .bstyle{
    padding:0;
    margin:0;}
  
.side, .side2{
  display:inline-block;
  background:white;
  float:none;
  width: 100%;
  margin:0;
  margin-top:10px;
  border-right:none;
  border-top: 1px solid black;
  padding:0;
  margin-bottom: 10px;
  padding-top:20px;}
  
  .side2{
    border-top:none;
    margin-top:-10px;}
    
    .desc{
      display:none;}
  
.t{
  margin-bottom: 10px;
  padding:5px;}
  
  .mo{
  line-height:18px;
  font-size: 16px;}
  
  
  
  
   .n ul{
     padding-left: 5px;
     padding-right: 5px;} 
     
     .i{
       width:100%}
       
       .c1, .c2{
         display:contents;
         float:none;
         width:100%;
         }
         
      
      #statuscafe {
      max-height: none;}
      
         
         }