/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

 body {
       background-color: black;
       background-size: 100%;
       color: white;
     }
     
    .markers {
        background-color:black;
        height: 85%;
        color:white;
        padding:20px;
    }
    
     .box {
       width:72%;
       color:black;
       margin-left: auto;
       margin-right: auto;
       margin-top:15px;
       
     }
     
     .stix {
       border-top:1px solid #e8316e;
       border-bottom:1px solid #e8316e;
       width:90%;
       margin:auto;
     }
     
     .totheleft {
       float:left;
       display:inline;
       width:24%;
       border-left:1px solid #de075d;
       background-color:#de075d;
       margin-bottom:20px;
     }
     
     .totheright {
       float:right;
       display:inline;
       width:75%;
       background:#de075d;
       margin-bottom:20px;
     }
     
     .squarecenter {
       background-color: #d9b49e;
       margin-left:auto;
       margin-right:auto;
       border:3px solid #281a1c;
       width:90%;
       margin-top:20px;
       margin-bottom:20px;
       text-align:center;
      padding-top:15px;
       padding-bottom:25px;
       padding-right:10px;
       padding-left:10px;
     }
     
     .squarecenter p {
       padding-right:20px;
       padding-left:20px;
     }
     
    
     .square1 {
       border-bottom:2px solid #281a1c;
       
       width:80%;
       text-align:center;
       
       margin:auto;
       padding: 25px 0;
             
}
     
     .square2 {
       width:80%;
       text-align:center;
         background-color:#d9b49e;
         border:2px solid #281a1c;
         margin:auto;
     padding: 25px 0;
    color:black;
     }
     
     .square0 {
       width:80%;
       text-align:center;
         background-color:#de075d;
         margin:auto;
          padding: 25px 0;
          color:black;
     }
     
     .square100 {
       width:80%;
       text-align:center;
         background-color:#de075d;
         margin:auto;
          padding: 10px 0;
     }
     
     .square200 {
       width:80%;
       text-align:center;
         background-color:#de075d;
         margin:auto;
          padding: 10px 0;
          border-bottom:2px solid #281a1c;
     }
     
     .square300 {
       width:80%;
       text-align:center;
         background-color:#de075d;
         margin:auto;
          padding: 10px 0;
     }
     
     .squarelast {
       width:80%;
       text-align:center;
         background-color:#de075d;
         margin:auto;
         height:90px;
     }
     
     a {
       color:black;
     }
     
     a:hover {
       color:#e8316e;
     }
     
     .squarelast a:link {
       text-decoration:none;
     }
     
     .stix a {
       color:white;
     }
     .stix a:hover {
       color:#e8316e;
     }
     
     .box a {
       color:black;
     }
     .box a:hover {
       color:white;
     }
     
     .blood a{
       color:white;
     }
     .blood a:hover{
       color:#e8316e;
     }
     
     .squarecenter a{
       color:black;
     }
     .squarecenter a:hover{
       color:#e8316e;
     }
     
     td {
       padding-left:15px;
       padding-right:15px;
     }