*{box-sizing:border-box}body{color:#7fffd4;background:#000;margin:0;font-family:Arial,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#media{z-index:0;position:absolute;inset:0}#media img,#media video{object-fit:cover;width:100%;height:100%}#media:after{content:"";background:#00000040;position:absolute;inset:0}.top{z-index:2;text-shadow:0 2px 8px #000;justify-content:space-between;font-size:33px;font-weight:550;display:flex;position:absolute;top:30px;left:40px;right:40px}.clock{z-index:2;letter-spacing:3px;text-shadow:0 4px 20px #000;font-size:110px;font-weight:700;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.search{z-index:2;position:absolute;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.search input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#00000059;border:1px solid #fff6;border-radius:30px;outline:none;width:550px;padding:20px 28px;font-size:22px;transition:all .2s}.search input::placeholder{color:#ffffffb3}.search input:focus{background:#00000080;border-color:#fff;width:600px}@media (width<=600px){.clock{font-size:55px}.search input{width:300px}.search input:focus{width:320px}}#changeSpace{z-index:3;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:0;border-radius:20px;padding:12px 20px;font-size:16px;position:absolute;bottom:30px;left:30px}#changeSpace:hover{background:#000000bf}