.topnav {
    overflow: hidden;
    background-color: whitesmoke;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 20px;
    position: fixed;
    top:0;
    box-shadow: 10px 5px 15px dimgray;
    z-index: 1;
}

.topnav a{
    display: inline-block;
    color: black;
    text-align: center;
    padding: 20px 60px;
    text-decoration: none;
}

.topnav a:hover{
    background-color: black;
}

.topnav a:active{
    background-color: dimgray;
}

.header{
    background: #7ec6bc;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ebe717, #7ec6bc);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ebe717, #7ec6bc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    width: 100%;
    color: white;
    padding: 50px 0px;
    text-align: center;
    font-size: 72px;
}

.topnav a:hover{
    background-color: black;
    color: white;
    top:60px;
}

#frame{
    text-align: center;
}

#frame iframe{
    width: 100%;
    height: 1800px;
    border: 0;
}

.introduction{
    text-align: center;
    width: 100%;
    height: 500px;
    padding-top: 80px;
}

.try{
    color: white;
    text-decoration-line: none;
    position: relative;
    top:50px;
    border: none;
    font-size: 20px;
    background-color: black;
    padding: 30px 60px;
    border-radius: 10px;
}

.try:hover{
    background-color: dimgray;
}

.title{
    font-size: 72px;
    position: relative;
    top:-80px;
}

.playing{
    width: 100%;
    text-align: center;
}

.lable{
    position: relative;
    top:100px;
    font-size: 48px;
}

.searching{
    width: 100%;
    height: 50px;
    position: relative;
    top:100px;
}

.searching ul{
    list-style-type: none;
}

.searching ul li{
    display: inline-block;
}

.searching input{
    width: 800px;
    height: 80px;
    font-size: 48px;
    border-radius: 10px;
}

.searching input:focus{
    background-color: black;
    color: white;
}

.searching_logo button{
    text-align: center;
    border: none;
    width: 88px;
    height: 88px;
    font-size: 48px;
    position: relative;
    top: 4px;
    border-radius: 10px;
}

.searching_logo button:hover{
    background-color: black;

}

.about{
    width: 100%;
    height: 1080px;
background-image: url("IMG_0210.JPG")}

.us{
    position: relative;
    top: 100px;
    width: 100%;
    font-size: 60px;
    text-align: center;
}