body {
    font-family:'Raleway';
    color:#880000;
    background-image:url('https://64.media.tumblr.com/2c8fac4b7cd0707556472f2c1b53a446/tumblr_inline_mvmulemQAV1qid2nw.png');
    background-size: ;
    background-color: #FFF9EF;
   
}   
/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/food/foo-7/foo630.cur), auto !important;} /* End https://www.cursors-4u.com */
h1,h2,h3,h4,h5,h6 {
    color: #EB7A7E;
    font-family: 'Darumadrop One', cursive;
    text-shadow: 3px 3px #521906;
    margin-bottom:0px;
    margin-top:-20px;
    }

#container {
  max-width: 1000px;
  margin: 0 auto;
}
#header {
  height: 110px;
  background-image:url('https://pbs.twimg.com/profile_banners/1482886690570178563/1680401335/1500x500');
  background-position: 25% 45%;
  background-size: 105%;
  border-radius: 10px;
  border-style:solid;
  Border-color:#880000;
  border-width: 3px;
            }

#header span {
    color: #EB7A7E;
    font-family: 'Darumadrop One', cursive;
    font-size: 56px;
    text-shadow: 3px 3px #521906;


}


 #flex {
                display: flex;
            }



.column {
  float: left;
overflow:auto;
  max-width:900px;
  margin-top:1%;
}

.box{
  margin-top:5px;
  margin-bottom:5px;

}

.left {
  width: 15%;  
  margin-right:1%;
  align-content: center;

}

.middle {
  width: 84%;  
  border-radius: 10px;
    overflow:auto;

}



.row:after {
  content: "";
  display: table;
  clear: both;
}

ul.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}
.sign{
       border-radius: 10px;
  border-style:solid;
  Border-color:#880000;
  border-width: 3px;

}
.menu{
      border-radius: 50px 50px 0px 0px;
  Border-color:#880000;
border-style:solid;
    border-width:3px;
background:#FFEEE8;
    background-image:url('https://64.media.tumblr.com/cda960382d39715b3d9a04fe36a0329d/tumblr_inline_mqgagk6Pdx1qz4rgp.gif');
    background-size:35%;
    background-position:center;
    
}
.nav{
  border-radius: 0px 0px 0px 0px;
    border-left-style:solid;
    border-right-style:solid;
  Border-color:#880000;
  border-width: 3px;
  padding:1%;
background:#F4FDFF;


}

.bumper{
  Border-color:#880000;
border-style:solid;
    border-width:3px;
background:#FFEEE8;
    height:40px;

}
.picframe{
     border-radius: 10px;
  border-style:solid;
  Border-color:#880000;
  border-width: 3px;
    background-image:url('https://milkomatic.neocities.org/resources/cowboy-bebop-andy.gif');
    background-position:center;
    background-size:100%;
 width: 25%;
}

.cap{
          border-radius: 0px 0px 50px 50px;
  Border-color:#880000;
border-style:solid;
    border-width:3px;
background:#FFEEE8;
    height:40px;
    padding:5%;
    background-image:url('https://64.media.tumblr.com/cda960382d39715b3d9a04fe36a0329d/tumblr_inline_mqgagk6Pdx1qz4rgp.gif');
    background-size:35%;
    background-position:center;
}
.counter{
   border-radius: 10px;
  border-style:solid;
  Border-color:#880000;
  border-width: 2px;
  padding:1%;
  background:#FFEEE8;
}
.midbox{

  border-radius: 10px;
  border-style:solid;
  Border-color:#880000;
  border-width: 3px;
  padding:5%;
background:#FFEEE8;

}
.midbox2{

  border-radius: 10px;
  border-style:solid;
  Border-color:#880000;
  border-width: 3px;
 
  background:#FFEEE8;
  height:250px;
    overflow:hidden;

}

.updates{
    height:150px;
    overflow:auto;
    padding:0%;
    margin:0%;
}

.rings{
    height:150px;
    overflow:auto;
    margin:-5%;
}
.rightbox{
     border-radius: 10px;
  border-style:solid;
  Border-color:#880000;
  border-width: 3px;
  padding:5%;
background:#FFEEE8; 
}

.button{
    background-image:url("https://foollovers.com/mat/menu06/63b-none.gif");
    background-size:cover;
    width:117px;
    height:39px;
    font-variant: small-caps;
}

.btntext{
 max-width:107px;
 max-height:29px; 
 text-align:right;
 padding-top:8%;
 font-weight: 900; 
   
}
a:link {
  color: #880000;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #880000;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #99CC66;
  text-decoration: none;
}

a:active {
  color: #99CC66;
  text-decoration: none;
}

table {
  width: 100%;
}

td {
  border: 0px;
  text-align: left;
}

th {
  border: 0px;
  text-align: center;
    width:60%;

    
}

tr:nth-child(even) {
  background-color: transparent;
}


            @media only screen and (max-width: 500px) {
                #flex {
                    flex-wrap: wrap;
                }

                aside {
                    
                }

                main {
                    order: 1;
                }

                #leftSidebar {
                    order: 2;
                }

                #rightSidebar {
                    order: 3;
                }

                #navbar ul {
                    flex-wrap: wrap;
                }
            
.scroller {
  width: 200px;
  height: 100px;
  overflow-y: scroll; /* Add the ability to scroll */
}
.scroller::-webkit-scrollbar {
    display: none;
}
.scroller {
  -ms-overflow-style: none; 
  scrollbar-width: none; 
}
                
  .t{
  margin-bottom: 10px;
  padding:5px;
  font-size: 20px;}
  
   .n ul{
     padding-left: 5px;
     padding-right: 5px;}
  
}              
                        
                
    
   .n ul{
      padding:0;
      margin:0;
      list-style-position:inside;
      list-style-image: url('https://foollovers.com/mat/i-flower03/mb03-flower-sunflower.gif');
    
      }
  
  .n{margin:0;
  padding:0;
  
  }
  
  .n a{
   color: black;
   text-decoration:none;
   margin:0;
   padding: 0;
   padding-top: 5px;
   padding-bottom:5px;
   border:none;
  }
  
  .n a:hover{
    color:#99CC66;
    -moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}
  
  .n li{
    border-bottom: 1px dashed #880000;
    list-style-type: square;
   margin-top: 5px;
   margin-bottom: 5px;}
   
   .n ul{
     margin-top: -5px;}
           
                        
    .u{ 
        
  }             
    
   .u ul{

     padding-left: 5px;
     padding-right: 5px;
      list-style-position:inside;
      list-style-image: url('https://milkomatic.neocities.org/resources/i01-icon-strawberry.gif');
    
      }