body, html {
  height: 100%;
}

body {
  display: flex;
  margin: 0;
  flex-direction: column;
  font-family: helvetica;
}

.main {
  margin: auto;
  border-left: 5px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 10px solid #000;
  padding: 15px;
  width: 50%;
margin-top: 35px;
margin-bottom: 15px;
overflow:scroll;
    overflow-x:hidden;
height: 90%;
}

.scroll-bar::-webkit-scrollbar {
    width: 9px;
  }

.scroll-bar::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 0px;
  }
  
.scroll-bar::-webkit-scrollbar-thumb {
    background: #ff0000;
    border-radius: 0px;
    border:0px solid #555777;
  }

/* Estilos para Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #ff0000 transparent;
  }
                


.main a {
color: #ff0000;
font-weight: bold;
text-decoration: none;
}

h2 {
border-bottom: 5px solid #000;
width: 100%;
margin-top: -5px;
}

a { 

}

.center {
  margin-left: auto;
  margin-right: auto;
}

.imood {
position: fixed;
     bottom: 0px;
     right: 0px;
margin-bottom: 115px;
margin-right: 5px;
  border-left: 5px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 10px solid #000;
  padding: 5px;
  width: 20%;
}

#statuscafe {
position: fixed;
     bottom: 0px;
     right: 0px;
margin-bottom: 5px;
margin-right: 5px;
  border-left: 5px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 10px solid #000;
  padding: 5px;
  width: 20%;
}

#statuscafe-username {
    margin-bottom: .5em;
font-size: 1em;
font-family: helvetica;
text-decoration: none;
color: #ff0000;
font-weight: bold;
}

#statuscafe-username a {
color: #ff0000;
text-decoration: none;
}

#statuscafe-content {
    margin: 0 1em 0.5em 1em;
font-size: .8em;
font-family: helvetica;
text-decoration: none;
color: #000;
font-style: italic;
}

.fc2counter {
position: fixed;
     bottom: 0px;
     right: 0px;
margin-bottom: 190px;
margin-right: 5px;
  border-left: 5px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 10px solid #000;
  padding: 5px;
  width: 20%;
}

.shoutbox {
position: fixed;
     bottom: 0px;
     left: 0px;
margin-bottom: 5px;
margin-left: 5px;
  border-left: 5px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 10px solid #000;
  padding: 5px;
  width: 20%;
}

.lastfm {
position: fixed;
     bottom: 0px;
     left: 0px;
margin-bottom: 335px;
margin-left: 5px;
  border-left: 5px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 10px solid #000;
padding-left: 5px;
         padding-right: 5px;
padding-top: 5px;
  width: 20%;
font-family: helvetica;
text-decoration: none;
font-color: #000;
}
    
.lastfm a { 
font-family: helvetica;
text-decoration: none;
color: #000;
}

.recent-played {
font-family: helvetica;
text-decoration: none;
color: #000;
margin-top: -5px;
margin-bottom: -5px;
}

.recent-played-track {
font-family: helvetica;
text-decoration: none;
font-weight: bold;
}
    
.recent-played a {
font-family: helvetica;
text-decoration: none;
color: #000;
}

.recent-played-track a {
font-size: .9em;
font-family: helvetica;
text-decoration: none;
color: #ff0000;
}

    h1 {
border-bottom: 3px solid #000;
width: 100%;
font-size: .9em;
margin-top: -3px;
}

.buttons {
position: fixed;
     bottom: 0px;
     left: 0px;
margin-bottom: 420px;
margin-left: 5px;
  border-left: 5px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 10px solid #000;
  padding: 5px;
  width: 20%;
}

.admin {
position: fixed;
     top: 0px;
     right: 0px;
margin-top: 5px;
margin-right: 5px; }

.admin a {
text-decoration: none;
color: #000;
}

.linkout {
position: fixed;
     bottom: 0px;
     left: 0px;
margin-bottom: 510px;
margin-left: 5px;
  border-left: 5px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 10px solid #000;
  padding: 5px;
  width: 20%;
}

.linkout a {
color: #ff0000;
font-weight: bold;
text-decoration: none;
}

.tree {
position: fixed;
     bottom: 0px;
     left: 0px;
margin-bottom: 595px;
margin-left: 5px;
  padding: 5px;
  width: 20%;
}

.archive {
position: fixed;
     top: 0px;
     right: 0px;
margin-top: 35px;
margin-right: 5px;
  border-left: 5px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 10px solid #000;
  padding: 5px;
  width: 20%;
font-family: helvetica;
height: 40%;
}