*{margin:0;padding:0}body{background:linear-gradient(128deg,#be91fa,#7a7ae0,#7edaff,#84ff79)}nav{background-color:rgba(255,10,10,.274);height:7%;font-size:20px;font-family:'Times New Roman',Times,serif;font-weight:700;padding:10px 0 0 10px}header{height:45%;background-color:rgba(120,255,93,.342);margin:30px 50px 35px 50px;border-radius:20px;color:#000}main{min-height:200px;background-color:rgba(78,110,255,.26);margin:0 70px 70px 70px;font-weight:900;font-family:Georgia,'Times New Roman',Times,serif;border-radius:2.5%;font-size:30px}main h1{text-decoration:underline}footer{height:40%;background-color:rgba(0,0,0,.39);color:#fff}#clock{font-size:30px;width:200px;margin:5px;text-align:center;border:2px solid #0db1da;border-bottom-left-radius:15px;border-top-right-radius:15px;position:absolute;top:88%;right:30px;background-color:#000;color:#fff;position:fixed;z-index:1}#search{padding:70px 0 70px 180px;line-height:50px}#chat-log{min-width:200px}#user-input{min-width:500px;min-height:50px;padding-left:20px;border-radius:10px;position:sticky}#btn1{min-width:100px;min-height:50px;border-radius:10px}#para{text-align:center;font-size:30px}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background:linear-gradient(100deg,rgba(248,60,13,.411),rgba(122,122,224,0),rgba(73,204,255,.527),rgba(26,255,5,.363));overflow-x:hidden;transition:.5s;padding-top:60px}.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#fff;display:block;transition:.3s}.sidenav a:hover{color:#e00}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}#main{transition:margin-left .5s;padding:16px}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}