body {
    margin: 0;
    font-family: Arial;
    background-color: #282928;
    background-image: url(/mooon\ .gif);
    background-repeat: no-repeat;
    background-position: top center;
    height: 100%;
    width: 100%;
    padding-bottom: 20%;
    overflow: hidden;
}




/*NAVIGATION and MOBILE RES*/
.navbar {
    background-color: #000000;
    overflow: hidden;
}

.navbar a {
    float: left;
    display: block;
    color: #333;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.navbar a:hover {
    background-color: #000000;
    transition: ease 0.4s;
}

.navbar .icon {
    display: none;
}


@media screen and (max-width: 600px) {
    .navbar a:not(.navbar) {
        display: none;
        
    }

    .navbar a.icon {
        float: right;
        display: block;
        
    }

    .navbar.responsive .icon {
        position: absolute;
        top: 0;
        right: 0;
        
    }

    .navbar.responsive a {
        float: none;
        display: block;
        text-align: left;
        
    }
}



/*Link SYLES*/
a:link {
  color: rgb(255, 255, 255);
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color:rgb(255, 255, 255);
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: rgb(145, 2, 2);
  background-color: transparent;
  text-decoration: none;
  transition: ease 0.4s;
  font-style: bold;
}

a:active {
  color: rgb(255, 255, 255);
  background-color: transparent;
  text-decoration: none;
}



/*CONTACT FORM STLYES.....BITCH*/
.contact-form {
    max-width: 480px;
    margin: 0 0;
    text-align: left;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 30px;

    padding-bottom: 40px;
}

.form-group {
    margin-bottom: 20px;
}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

button[type="submit"] {
    background-color: #282928;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

span {
    color: red;
}

.message {

    height: 150px;

}




/*collapseable*/
.collapsetextchild {
    font-family: Arial, Helvetica, sans-serif;
      display: grid;
      font-size: small;
      text-align: left;
      padding-left: 30px;
      color: rgb(232, 232, 232);
      opacity: 95%;
    
    }
    
    .bandcamp{
        display: block;
        margin: auto;
        width: 100%;
    }
    
    



    .btn {
        border: 2px solid;
        background-color: rgb(67, 0, 30);
        opacity: 60%;
        padding: 8px 34px;
        margin: 4px;
        font-size: 16px;
        cursor: pointer;
        font-family: monospace;
        font-weight: 150;
        
      }
      /* Green */
      .success {
        border-color: rgb(67, 0, 30);
        color: rgba(255, 255, 255, 0.436);
      }
      .success:hover {
        background-color: rgba(0, 142, 50, 0.347);
        border-color:  rgb(0, 142, 50);
        color:  rgb(0, 142, 50);
        text-shadow: 0 2px 4px  black;
          box-shadow: 0 2px 4px black, inset 0 2px 4px  black;
          
      }
      


      #homebody {
        padding-left: 50%;
        margin-top: 200px;
        margin-right: 50%;
      }

    #audio{
     


    }




      .fade-in {
        opacity: 1;
        animation-name: fadeInOpacity;
        animation-iteration-count: 1;
        animation-timing-function: ease-in;
        animation-duration: 1s;
    }
    
    @keyframes fadeInOpacity {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    

   

h1{

color: rgb(255, 255, 255);
text-shadow: #000000 1px 1px;
margin-top: 10px;
margin-left: 20%;
font-family: monospace;
}

#clout{
    margin-top: 15px;
    margin-left: 30%;

img{
    padding: 10px;
    height: 60px;
    opacity: 15%;

}

a:hover img{
    cursor:crosshair;
    opacity: 45%;}


}

.videomaster{


}

#videocontent{
   position:absolute;
   top: 250px;
   left: 5%;
   right: 25%;
   max-width: 90%;


}

#audiocontent {
    display: block;
    position:fixed;
    top: 190px;
    left: 10%;
    right: 55%;
 
 
 }