:root{--bg:#02061f;--bg-dark:#010310;--bg-light:#060b29;--text:#e1f0ff;--text-muted:#c2d6eb;--highlight:#496297;--highlight-gradient:linear-gradient(to right, #8bdeda, #43add0, #998ee0, #e17dc2, #ef9393);--danger:#ff383c}*{margin:0;padding:0;font-family:Pixelify Sans,sans-serif;font-weight:100}body{background-color:var(--bg);color:var(--text);width:100vw;height:100vh;position:relative}.highlighted{background:var(--highlight-gradient);color:#0000;border:0 solid;border-bottom-width:1px;border-image:var(--highlight-gradient) 1;-webkit-background-clip:text;background-clip:text}main{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.desktop{width:100vw;height:100vh;position:fixed}.app{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:color-mix(in srgb, var(--bg-light) 100%, transparent 50%);width:100%;height:calc(100% - 2rem)}.screenCover{z-index:500;background-color:#0009;width:100vw;height:100vh;transition:all .1s;position:fixed;top:0;left:0}.openSettings{background-color:var(--bg-light);border:3px solid var(--highlight);justify-content:center;align-items:center;width:50px;height:50px;margin:10px;padding:5px;transition:all .1s;display:flex;position:fixed;top:0;right:0}.openSettings img{width:auto;height:35px}.openSettings:hover{border-image:var(--highlight-gradient) 1;transition:all .1s;scale:1.05}.openSettings:active{background:var(--highlight-gradient);transition:all .1s;scale:1.1}.notesButtons{align-items:center;margin:10px;display:flex;position:fixed;bottom:0;left:0}.notesButtons button img{width:auto;height:30px}.notesButtons button{color:var(--text);background-color:var(--bg-dark);border:2px solid var(--highlight);justify-content:center;align-self:center;align-items:center;margin:auto 5px 5px;padding:5px;display:flex}.notesButtons button:hover{border-image:var(--highlight-gradient) 1}.notesButtons button:active{background:var(--highlight-gradient);transition:all .5s}.notesButtons .visible{background:var(--highlight-gradient)}.clock{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;width:200px;height:auto;margin:10px;display:flex;position:fixed;top:0;left:0}.clock .time{font-size:5rem}.clock .date{font-size:2.3rem}.shortcutSection{flex-direction:column;align-items:center;width:600px;height:auto;margin:10px;display:flex}.shortcutSection input{background-color:var(--bg-light);border:5px solid var(--highlight);width:600px;height:3rem;color:var(--text);outline:none;margin:20px;padding:7px;font-size:2rem;transition:all .2s}.shortcutSection input:focus{border-image:var(--highlight-gradient) 1;transition:all .2s;scale:1.03}.shortcutSection .shortcutGrid{grid-template-columns:auto auto auto auto auto;width:100%;height:100px;margin-top:10px;display:grid}.shortcutSection img{width:80%;height:auto}.shortcutSection a{background-color:var(--bg-light);border:5px solid var(--highlight);width:70px;height:auto;color:var(--text);flex-direction:column;justify-content:center;align-items:center;margin:5px;padding:5px;font-size:2rem;transition:all .2s;display:flex}.shortcutSection a:hover{border-image:var(--highlight-gradient) 1;transition:all .2s;scale:1.05}.shortcutSection a:active{background:var(--highlight-gradient);transition:all .2s;scale:1.1}.settings{z-index:1000;background-color:var(--bg-light);border:3px solid var(--highlight);flex-direction:column;align-items:center;width:350px;height:500px;padding:5px;display:flex;position:absolute;top:calc(50vh - 250px);left:calc(50vw - 175px);overflow-y:scroll}.settings .shortcutsContainer{width:100%}.settings .shortcutCard{border:2px solid var(--highlight);background-color:var(--bg-dark);flex-direction:column;align-items:center;width:95%;margin:5px;padding:5px;display:flex}.settings input{background-color:var(--bg-light);width:95%;color:var(--text);border:2px solid var(--highlight);outline:none;height:2rem;margin:2px;font-size:1rem;transition:all .2s}.settings input:focus{border-image:var(--highlight-gradient) 1;transition:all .2s;scale:1.05}.settings button{background-color:var(--bg-light);border:2px solid var(--highlight);color:var(--text);width:95%;height:2rem;padding:5px;font-size:1rem;transition:all .2s}.settings button:hover{border-image:var(--highlight-gradient) 1;transition:all .2s;scale:1.05}.settings button:active{background:var(--highlight-gradient);transition:all .1s;scale:1.1}.settings .closeButton{z-index:1001;color:var(--danger);align-self:flex-end;width:30px;height:30px;position:fixed}.settings .closeButton:hover{border-color:var(--danger)}.settings .closeButton:active{background-color:var(--danger)}.settings p{align-self:flex-start;font-size:1.5rem}.settings select{background-color:var(--bg-light);width:95%;height:2rem;color:var(--text);border:3px solid var(--highlight);outline:none;margin:5px;padding:5px;font-size:1rem}.settings option{background-color:var(--bg-light);color:var(--text)}.settings hr{border-image:var(--highlight-gradient) 1;width:100%;height:3px;margin:5px}.backgroundBlur{flex-direction:row;align-items:center;width:95%;display:flex}.backgroundBlur input{width:auto;height:1.5rem}.stickyNote{background-color:color-mix(in srgb, var(--bg-light) 100%, transparent 5%);border:5px solid var(--highlight);z-index:400;width:200px;max-height:240px;position:fixed}.stickyNote .header{border:0 solid;border-bottom-width:3px;border-image:var(--highlight-gradient) 1;background-color:var(--bg-dark);flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:40px;display:flex}.stickyNote .collapseButton{background-color:#0000;border:0;outline:none;justify-content:center;align-items:center;display:flex}.stickyNote img{width:auto;height:30px}.stickyNote .closeButton{background-color:var(--bg-light);border:3px solid var(--highlight);color:var(--danger);justify-content:center;align-items:center;font-size:1.5rem;transition:all .1s;display:flex}.stickyNote .closeButton:hover{border-color:var(--danger);transition:all .1s;scale:1.05}.stickyNote .closeButton:active{background-color:var(--danger);scale:1.1}.stickyNote textarea{resize:none;background-color:color-mix(in srgb, var(--bg-light) 100%, transparent 50%);width:100%;height:195px;color:var(--text);border:0;outline:none;padding:3px}.preview{-webkit-user-select:none;user-select:none;width:15rem;height:1rem;overflow:hidden}