
        <style>


            :root {   
               
            }

         
            body {
               font-family: monospace;
                margin: 0;
                background-color: #08031A;
                /* you can delete the line below if you'd prefer to not use an image */
                background-size: 238px;
                color: white;
                
                background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://64.media.tumblr.com/04ff549b92bb99db8ad725a83e288030/tumblr_inline_mnd920iJ7C1qz4rgp.gif);
                
               
            }

            * {
                box-sizing: border-box;
            }

         
            #container {
                max-width: 920px;
               
                margin: 0 auto;
              
            }

        
            #container a {
                color: #b0b5c1;
                font-weight: bold;
               
            }

            #header {
            	
                width: 100%;
               
              
                height: 90px;
               
                background-image: url('https://bananaslug.neocities.org/titulo.gif');
                background-size: 100%;
            }

           

            #leftSidebar a {
                color: #b0b5c1;
					 transition: letter-spacing 0.5s ease, font-style 0.5s ease;
                text-decoration: none;
          
                
               
            }
            #leftSidebar a:hover {
                color: #e3e8f7;
                letter-spacing: 1.15px;
  font-style: italic;
            }
            
            #leftSidebar {
                background-color: rgba(0, 0, 0, 0.4);
                width: 220px;           
                height: 615px;
                 border-image: url();
                border-image-repeat: round;
                border-image-slice: 40%;
                border-image-width: 50px;
                border-image-outset: 20px;
               font-size: 16px;
    text-align: left;
    display: block;
    border-radius: 10px;
    
            }

				ul {
					text-align: left;
					list-style-type: none; 
  					padding: 0px;
  					display: block;
  					margin-bottom: 10px;
  					 ;
  					
				
				}
  					li{
  					border-width: 5px;
  					border-color: transparent;
  					border-style: dotted
  					
  					
  					}
            #flex {
                display: flex;
					margin-top: 5px;
                height: 615px;
               
            }
 
            main {
                background-color: rgba(0, 0, 0, 0.4);
                border-image: url();
                border-image-repeat: round;
                border-image-slice: 30%;
                border-image-width: 10%;
                border-image-outset: 20px;
                flex: 1;
                margin-left: 10px;
                padding: 20px;
                order: 2;
                overflow: auto;
                 border-radius: 10px;
                 font-size: 15px;
            }

          
            footer {
                background-color: rgba(0, 0, 0, 0.4);
					margin: auto;
                width: 70%;
                height: 40px;
                padding: 10px;
                text-align: center;
                white-space: nowrap;
    overflow: hidden;
    position: relative;
    
    font-size: 14px;
    border-radius: 20px;
            }

            h1,
            h2,
            h3 {
                color: #b0b5c1;
            }

            h1 {
                font-size: 25px;
            }

        
      
            .box {
            	background-color: rgba(0, 0, 0, 0.4);
                border: 1px solid white;
                padding: 10px;
                overflow: scroll;
                max-height: 250px;
                border-radius: 15px;
            }
            #topBar {
                width: 100%;
                height: 30px;
                padding: 10px;
                font-size: smaller;
                background-color: #13092D;
            }
			.stitle {
  display: none;
}

.shrine:hover + .stitle{
  display: block;
  color: white;
  font-size: 13px;
  max-width: 130px;
  margin-left: 20px;
}

/* joder tio q cojones es esto*/ 

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

                aside {
                    width: 100%;
                }

                main {
                    order: 1;
                }

                #leftSidebar {
                    order: 2;
                }

                #rightSidebar {
                    order: 3;
                }

                #navbar ul {
                    flex-wrap: wrap;
                }
            }
        </style>

    <strike></strike>