ADD file via upload

css1.css

@@ -0,0 +1,151 @@
+.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;
+}