.fira-code-font{font-optical-sizing:auto;font-family:Fira Code,monospace;font-style:normal;font-weight:400}html,body{width:100%;height:100%;margin:0;overflow:hidden}#app{width:100%;height:100%;position:relative}#app>img{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;inset:0}*{box-sizing:border-box;background-repeat:no-repeat;font-family:Fira code,Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}#search{border-color:2px solid #dbdbdbf7;color:#ffffffd9;background-color:#00000059;border-radius:25px;outline:none;width:400px;max-width:80%;height:40px;padding:16px 24px;font-size:15px;transition:all .4s;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}#search:focus{size:20%;width:500px}#clock{color:#fff;z-index:10;-webkit-text-stroke:1px #010101;text-shadow:2px 2px 5px #000000b3;font-size:50px;font-weight:600;position:absolute;top:9%;left:50%;transform:translate(-50%)scale(1.1,1.5)}#date{color:#e4e4e4;z-index:10;text-shadow:2px 2px 5px #000000b3;-webkit-text-stroke:1px #000;font-size:20px;font-weight:500;position:absolute;top:23%;left:50%;transform:translate(-50%)scale(1.1)}#shortcuts{justify-content:center;align-items:center;gap:18px;display:flex;position:relative;top:41%;left:50%;transform:translate(-50%)}#shortcuts a{justify-content:center;align-items:center;transition:transform .3s;display:flex}#shortcuts a:hover{transform:scale(1.12)}#shortcuts img{object-fit:contain;background:0 0;width:45px;height:45px}#quick-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;box-sizing:border-box;background:#00000059;border:2px solid #000;border-radius:20px;justify-content:center;align-items:center;width:380px;margin-top:190px;padding:18px 20px;transition:transform .3s,box-shadow .3s;display:block;position:fixed;top:35%;left:50%;transform:translate(-50%,-50%)scale(.9)}#quick-note:focus-within{transform:translate(-50%,-50%)scale(1)}#quick-note h2{color:#fff;text-shadow:2px 2px 4px #000;margin:0 0 12px;font-size:20px}#note{box-sizing:border-box;resize:none;color:#fff;background:#ffffff26;border:1px solid #ffffff80;border-radius:12px;outline:none;width:100%;height:90px;padding:10px;font-size:14px}#note::placeholder{color:#ffffffbf}#note:focus{border-color:#fff}#clear-note{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff9;border-radius:15px;margin-top:10px;padding:6px 14px}#clear-note:hover{background:#ffffff59}