body{min-height:100vh;margin:0;position:relative}.media{width:100%;height:100%;margin:0;position:fixed;top:0}#searchbar{background:radial-gradient(circle,#414141,#2a2a2a);border-style:solid;border-width:2px;border-radius:25px;justify-content:center;align-items:center;width:25%;height:5%;margin-left:37.5%;margin-right:37.5%;display:flex;position:fixed;top:47.5%;bottom:47.5%}#search_form{align-items:center;width:100%;height:100%;display:flex}.input{color:#fff;background-color:#0000;border:#0000;width:70%;height:100%;margin-left:15%;padding:0%}input::placeholder{color:#f5f5f5;font-family:Archivo Black,sans-serif}input:focus{outline:none}#search_btn{background-color:#0000;border:#0000;width:15%;height:100%;padding:0%}#search_btn>img{max-width:100%;max-height:100%;display:block}#infoBtn{background:0 0;border:none;border-radius:25px;width:5%;height:auto;padding:0;position:fixed;bottom:0;right:0}#infoBtn:hover{background-color:#f0f8ff1a}#infoContainer{visibility:hidden;z-index:10;background:linear-gradient(to bottom right,#2a2a2a,#414141);border:thin solid;border-radius:25px;max-width:80%;padding:1%;position:fixed;bottom:5%;right:5%}#infoContainer>p,h1{color:#f5f5f5}#clockContainer{text-align:center;width:100%;height:10%;position:fixed;top:30%}#clock{color:#f5f5f5;margin:0;font-family:Archivo Black,sans-serif;font-size:4em}#date{color:#f5f5f5;margin:0;font-family:Archivo Black,sans-serif;font-size:1em}@media (width<=800px){#infoBtn{right:10%}#infoContainer{max-height:40%;overflow-y:scroll}#infoContainer::-webkit-scrollbar{background:0 0}#infoContainer::-webkit-scrollbar-thumb{background:#f5f5f5;border-radius:10px;width:.1em}}