*{
    padding:0px;
    margin:0px;
    overflow-x:hidden;
    transition:all 0.3s;
}
.navbar{
   background-color:black; 
   width:100%;
   padding:10px 10px 10px 10px;
   display:flex;
   align-items:center;
   justify-content: space-between;
   font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif
}
.music{
    color:white;
    position:relative;
    font-size:70px;
    padding:0px;
    margin:0px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif
}
.logo{
    margin-left:5%;
    width:65px;
    height:70px;
    color:white;
}
ul{
  display:flex;
  list-style: none;  
  /* text-decoration:none; */
  flex-direction: row;
  margin-right:50px;
}
li{padding:10px;}
li a{
    color:white;
    text-decoration:none;
    font-size:20px;
    transition:all 0.3s;
   
}
a:hover{
    color:rgba(234,27,113,0.8);
    border:1px solid rgba(234,27,113,0.8);
    padding:6px;
}
#active{color:rgba(234,27,113,0.8);}
#playback{
    width:100%;
    height:555px;
    object-fit:cover;
}
.Main_content_block{
margin-top:60px;
width:800px;
height:auto;
align-items: center;
overflow-x:hidden;
background-color:lightgrey;
}

#Music_block_1{
  border-radius:10px;
  background-image:url("../img/bg.jpg");
  height:670px;
  overflow: hidden;
  background-size: cover;
  background-position:center center;
  color:white;
    }
.para{
    text-align:left;
    margin-left:50px;
    margin-top:50px;
    margin-bottom:50px;
    margin-right:10px;
    width:70%;
    float: left;
    font-size:20px;
}
.headings{
    font-size:40px;
}
.footer{
    background-color:black;
    width:100%;
    height:auto;
    margin-top:60px;
    color:white;
    display:flex;
    align-items:center;
    flex-direction:row;
    justify-content:center;
    padding-bottom:20px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif
}
.footer a{
    color:white;
    text-decoration:none;
   
}
.tab{
    border:1px solid white;
    margin-top:30px;
}
.tab th{ 
    color:white;
    padding-top:10px;
}
.tab td{
    padding:20px;
}

.a2{
    margin:10px;
    padding:5px;
    color:white;
    font-size:30px;
    background-color:black;
    border:1px solid white;
    border-radius:10px;
    transition:all 0.2s;
    }
    .a2:hover{
    color:rgba(234,27,113,0.8);
    padding:5px;
    border:1px solid rgba(234,27,113,0.8); 
    transition:all 0.1s;
    }
    .mus{
    display:block;
    float:left;
    margin-left:20px;
    margin-top:5px;
    margin-bottom:5px;
    padding:20px 10px 10px 10px;
    background-color:red;
    border-radius:30px;
    }
    audio{
        max-width:300px;
    }
    .sound_container{
        margin-left:20px;
        margin-bottom:20px;
        margin-top:0px;
        border:2px solid white;
        border-radius:30px;
        width:400px;
        height:400px;
        overflow-y:scroll;
        float:left;
        align-items: center;
        justify-content: left;
    }
    .stop_btn{
        background-color:white;
        margin-top:10px;
        padding:20px;
        font-size:30px;
        color:rgba(234,27,113,0.8);
        border:1px solid rgba(234,27,113,0.8);
        cursor: pointer;
    }
    .stop_btn:hover{
        background-color:black;
        color:white;
        border:5px dashed rgba(234,27,113,0.8);
    }
    #Music_Block_VID{
        width:800px;
        border-radius:30px;
        height:auto;
        object-fit:cover;
    }

    /* width */
::-webkit-scrollbar {
    width: 1px;
    display:none;
  }
  /* Track */
::-webkit-scrollbar-track {
    background: transparent;
    display:none;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
    display:none;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
    display:none;
  }