.app{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:130px;gap:3px;border-radius:5px;font-size:.9em}.app:hover{background-color:hsl(210,7%,62%)}.app>p{font-size:1.3em;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.appWindow{position:absolute;top:50%;left:50%;display:none;border-radius:10px;width:1000px;height:600px;background-color:aliceblue;box-shadow:0 0 20px rgba(0,0,0,.3)}.appWindow>.windowTopBar{border-top-left-radius:10px;border-top-right-radius:10px;height:30px;width:100%;background-color:#3b4045;display:flex;justify-content:space-between;align-items:center;padding:5px 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.appWindow>.windowTopBar>div{display:flex;column-gap:10px}.appWindow>.windowTopBar>div>.windowButton{width:20px;height:20px;background-color:#777c81;border-radius:5px;display:flex;justify-content:center;align-items:center;text-align:center;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.appWindow>.windowTopBar>div>.windowButton:hover{opacity:.8}.appWindow>.windowTopBar>p{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:aliceblue}.appWindow>.windowTopBar>.Image{background-color:#777c81;border-radius:5px;margin-right:58px}.appWindow>.content{height:100%}textarea{resize:none;border:none;outline:none;padding:13px;font-size:1em;font-family:sans-serif;background-color:aliceblue;font-size:1.3em;text-decoration:none}.settingsApp,textarea{width:100%;height:100%;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.settingsApp{display:flex}.settingsApp>.menu{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:10px;width:22%;height:100%;background-color:rgb(164,164,164);border-bottom-left-radius:10px}.settingsApp>.menu>div{width:100%;height:35px;display:flex;justify-content:space-evenly;align-items:center;text-align:center;font-size:1.3em;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;border-radius:5px;column-gap:5px;padding:5px}.settingsApp>.menu>div:hover{background-color:rgb(190,190,190)}.settingsApp>.settings{width:78%;height:100%;background-color:rgb(185,185,185);border-bottom-right-radius:10px;border-left:2px solid rgb(115,115,115)}.settingsApp>.settings>div>h2{font-size:2em;margin:270px}.calculator{width:100%;height:95%}.display{height:15%;width:100%;background-color:aliceblue;display:flex;justify-content:center;align-items:center}.display>input{width:90%;height:80%;border-radius:15px;outline:none;border:2px solid rgb(155,155,155);font-size:2.5em;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-align:center}.keys{display:grid;grid-row-gap:20px;row-gap:20px;grid-template-columns:repeat(4,1fr);width:100%;height:85%;background-color:rgb(216,216,216);border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-top:2px solid rgb(155,155,155);padding:10px 20px}.keys>div{width:75px;height:75px;background-color:aliceblue;border-radius:40%;display:flex;justify-content:center;align-items:center;text-align:center;font-size:2em;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;cursor:default}.keys>div:hover{opacity:.7}.keys>.top{background-color:rgb(196,196,196)}.keys>.operator{background-color:rgb(255,174,25)}@keyframes topbarMenu{0%{transform:translateY(-250px)}to{transform:translateY(0)}}.topbar{width:100vw;height:35px;background-color:#212529;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:center;align-items:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.topbar>.clock{position:relative}.topbar>.clock>p{font-size:1.2em;color:aliceblue;padding:0 10px;border-radius:10px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.topbar>.clock>p:hover{background-color:#343a40}.topbar>.clock>p:active{background-color:#2f3338}.topbar>.clock{display:flex;justify-content:center}.topbarMenu{position:absolute;top:35px;justify-content:space-between;padding:10px;width:400px;height:200px;background-color:#343a40;border-radius:20px;animation:topbarMenu .1s ease-in;z-index:100000000}.topbarMenu,.topbarOption{display:flex;align-items:center}.topbarOption{margin:20px;column-gap:10px}.topbarOption>p{font-size:1.5em;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:aliceblue}.topbarOption>div{width:65px;height:37px;border-radius:20px;display:flex;align-items:center;padding:5px;transition:all .2s ease-in}.optionEnabled{justify-content:flex-end;background-color:rgb(176,98,98)}.optionDisabled{justify-content:flex-start;background-color:aliceblue}.topbarOption>div>div{width:30px;height:30px;border-radius:50%;background-color:#343a40}body,html{height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.container,body,html{width:100vw;background-color:#868e96}.container,.desktop{height:100%}.desktop{display:grid;width:100%;grid-template-columns:repeat(19,100px);padding:10px}.rightClickMenu{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;display:none;width:200px;height:300px;background-color:#3b4045;border-radius:10px;padding:20px;justify-content:space-between;flex-direction:column}.rightClickMenu>div{display:flex;flex-direction:column;width:100%;height:auto;row-gap:10px}.rightClickMenu>div>div{font-size:1.2em;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:aliceblue;padding:5px;border-radius:5px}.rightClickMenu>div>div:hover{background-color:#868e96}.rightClickMenu>p{color:antiquewhite;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-align:center;font-size:1.1em}.firstTime{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:none;width:100%;height:100%;z-index:99999999999999;position:fixed;background-color:#868e96;flex-direction:column;justify-content:center;align-items:center;text-align:center}.firstTime>h1{font-size:3em;margin-bottom:20px}.firstTime>h1,.firstTime>p{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.firstTime>p{margin:2px;font-size:1.3em}.firstTime>div{margin-top:20px;width:200px;height:60px;background-color:#3b4045;border-radius:15px;color:aliceblue;text-align:center;display:flex;justify-content:center;align-items:center;font-size:1.8em;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;cursor:default;border:2px solid #656c72}.firstTime>div:hover{opacity:.8}.taskbar{width:100vw;height:80px;background-color:#343a40;border-top-left-radius:5px;border-top-right-radius:5px}.taskbar,.taskbar>.start>.startButton{display:flex;justify-content:center;align-items:center;text-align:center}.taskbar>.start>.startButton{width:100px;height:40px;background-color:rgb(206,206,206);border-radius:20px;font-size:2em;color:#343a40;border:2px solid black;transition:all .15s ease-in-out}.taskbar>.start>.startButton:hover{background-color:rgb(159,159,159);color:black}.taskbar>.start>.startMenu{display:none;position:fixed;bottom:80px;left:50%;transform:translateX(-50%);width:580px;height:580px;background-color:rgb(206,206,206);border-radius:20px;border:2px solid #343a40;flex-direction:column;align-items:center;justify-content:space-between;z-index:1000000000000}.taskbar>.start>.startMenu>.apps{padding:20px}.taskbar>.start>.startMenu>.control{width:100%;height:150px;border-top:2px solid rgb(184,184,184);display:flex;justify-content:space-evenly;align-items:center}.taskbar>.start>.startMenu>.control>.left{height:50px;width:200px;display:flex;justify-content:center;align-items:center;column-gap:10px}.taskbar>.start>.startMenu>.control>.left>div{font-size:2.5em;padding:10px 10px 0;transition:all .15s ease-in-out;border-radius:10px}.taskbar>.start>.startMenu>.control>.left>div:hover{color:rgb(172,172,172);background-color:rgb(230,232,233)}.taskbar>.start>.startMenu>.control>.right{height:50px;width:200px;display:flex;justify-content:center;align-items:center;column-gap:10px}.taskbar>.start>.startMenu>.control>.right>div{font-size:2.5em;padding:10px 10px 0;transition:all .15s ease-in-out;border-radius:10px}.taskbar>.start>.startMenu>.control>.right>div:hover{color:rgb(172,172,172);background-color:rgb(230,232,233)}