body {
   
    background-color: #51556a;
     background-image: url("https://file.garden/ZjeTeW9-iWrofLOU/fortissimo/background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

p, h1, h2, h3 {
    
    color: #fbf8f9;
    
}

a {
    color: #fd7ea9;
    
}

.divider {
        border-top: 1px dotted #fbf8f9;
      }


.container {
    
    background-color: #6a7187;
    border: 3px dotted #fbf8f9;
    width: 100%;
    max-width: 710px;
    height: 100%;
    max-height: 500px;
    overflow: scroll;
    padding: 10px;
    margin-top: 100px;
    margin-left: 80px;
    
}

.buttons {
    
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    
}

.button {
    
    padding: 0px 25px;
    background-color: #51556a;
    border: 1px dotted #fbf8f9;
    cursor:pointer;
    
}

.tab {
    float: left;
    animation: fade 0.5s;
}

@keyframes fade {
    
  from {opacity: 0;}
  to {opacity: 1;}
    
}

.header {
    
    background-color: #51556a;
    padding: 6px;
    
}

#fanlistings {
    
    display: none;
    
}

#about {
    
    display: none;
    
}

#links {
    
    display: none;
    
}

.gallery {
        margin: 5px;
        width: 100%;
        max-width: 600px;
        height: auto;
        display:flex; 
        flex-wrap: wrap;
      }

.gallery img {
        padding: 3px;
        height: 50px;
      }

@media (max-width: 800px) {
    
    body {
        
        background-repeat: repeat;
        background-size: contain;
        
    }
    
    .container {
           width: 100%;
            max-width: 400px;
        margin: auto;
            max-height: none;
        }
    
      }