::-webkit-scrollbar{width:5px;transition:200ms}::-webkit-scrollbar-track{background-color:#0d47a105;border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#0000002b,#3f51b530,#f4433624);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#424242,#3F51B5,#F44336)}div#pages:hover{transform:scale(1.01);box-shadow:20px 20px 40px -6px #d9d9d9cc,-20px -20px 60px 0 #ececece0;background:#ffffffb0}#homebuttons>div:hover{filter:brightness(0.88)}#profilepic:hover{scale:1.03;box-shadow:0 0 44px -6px #b1b1b173,0 15px 45px 0 #407fe329,0 -2px 45px -6px #e6674152}.feather_een{fill:#000a3f;stroke:#000a43;stroke-width:2px;stroke-linejoin:round}#left>span{line-height:22px;font-size:16px;padding:15px;display:block;height:fit-content;background:#ffffff4a;border-radius:20px;margin:auto 10px;color:#000000d6}.progress-container{margin:20px auto;max-width:600px}.progress{position:relative;height:14px;width:80%;margin-left:15px;background-color:#e8eaf680;border-radius:10px;overflow:hidden;margin-bottom:20px;padding:0!important;box-shadow:inset 0 0 13px -2px #bc826078}.progress-bar{height:100%;background:linear-gradient(45deg,#0f207d,#980d0d);width:0;border-radius:10px;transition:width .5s ease;box-shadow:-3px -3px 10px -3px #6173d7a1,3px 3px 10px 0 #ce5c5385,6px 0 13px 0 #d7121245}.progress-label{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;color:#fff;line-height:20px}.progress-bar.red{background-color:#f44336}.progress-bar.blue{background-color:#2196f3}.progress-bar.yellow{background-color:#ffc107}#appIcon{width:240px;display:flex;justify-content:space-around;margin:20px auto;background:linear-gradient(45deg,#ffffffa8,#ffffff87,#ffd4d417);border-radius:15px;border:solid 1px #c1c1c18c;backdrop-filter:blur(50px);padding:10px 6px;cursor:pointer;animation:none;opacity:1;user-select:none;box-shadow:#ff5a5a1a 0 10px 15px -3px,#002dc80d -5px -4px 8px -4px}#appIcon>img{width:40px!important;height:40px!important;margin:auto;padding:10px 14px;-webkit-user-drag:none}#appIcon>span{display:block;width:fit-content;height:fit-content;margin:auto;padding:10px 20px}#appIcon:hover{border:solid 1px #3f51b569;box-shadow:1px 1px 5px -1px #282c4d3b,0 0 5px -3px #00000082;opacity:1;animation:beatingHeart 700ms}div#appIcon:nth-child(1){grid-column:1}div#appIcon:nth-child(2){grid-column:2}div#locate>svg{width:40px;height:40px;padding:10px}#locate>span{display:block;margin:auto;height:fit-content;width:fit-content;font-size:18px}div#locate{display:flex;width:fit-content;margin:auto}#mail>svg{width:30px;height:30px;fill:transparent;margin:auto 10px auto 0;display:block}div#mail{display:flex;width:fit-content;height:fit-content;margin:auto;background:linear-gradient(45deg,black,#2d2d2d);background:linear-gradient(45deg,#320000,#001c01,#000,#3a0000,#000d58);border-radius:10px;color:#fff;padding:8px 14px;box-shadow:1px 1px 5px -1px #282c4d1c,0 0 5px -3px #00000029,-4px -8px 12px -2px #1b268021,3px 8px 12px -3px #841f1f38;cursor:pointer;animation:400ms ease-in-out fadeIn;animation-fill-mode:forwards;transition:400ms}#mail:hover{box-shadow:1px 1px 7px -1px #282c4d30,0 0 14px -3px #0000004f}#mail:hover>span>b{text-decoration:underline}#mail>span{display:block;margin:auto;font:700 15px lato,Montserrat}span#contact{background:#ffffff70;padding:25px;margin:16px}#contact>span{display:block;height:fit-content;width:fit-content;padding-inline:16px;margin:0 auto 30px;font-style:italic;font-size:15px;font-weight:300}@keyframes fadeIn{from{opacity:0}to{opacity:1}}span{opacity:0;animation:fadeIn 300ms ease-in-out 200ms forwards}@media (max-width: 780px){#left>span{font-size:14px!important}#contact>span{font-size:10px}#appIcon{scale:.8;width:80%;margin-inline:20px}div#appIcon:nth-child(1){grid-column:1}div#appIcon:nth-child(2){grid-column:1}#mail{width:70%;max-width:8em;transform:scale(0.9)}#mail>span>b{display:none}div#locate>svg{width:30px;height:30px}div#locate>span{font-size:12px}}#nav>svg{border-radius:10px;padding:8px;width:20px;height:20px;margin:auto 10px;pointer-events:auto;transition:500ms}#nav>svg.active{stroke:#ffffffc9;stroke-width:.2px;stroke-linejoin:round;background:#000000d4;fill:#ffffffc9;box-shadow:#00000012 0 4px 6px -1px,#0000000f 0 2px 4px -2px}#homebuttons>div:nth-child(1):hover{filter:contrast(0.7)!important}#Layer_1:hover{filter:brightness(0.8)}#Layer_1{cursor:pointer}#pages>span:hover{background:linear-gradient(45deg,#00000008,#0000000d,#b39ddb1c,#ef9a9a17)}#left>h2{text-align:center;margin:20px auto 0}@keyframes beatingHeart{0%{transform:scale(1)}25%{transform:scale(0.99)}50%{transform:scale(1.01)}75%{transform:scale(1)}}#keybindings>svg:hover{transform:scale(1.01);box-shadow:10px 10px 50px -8px #949494d4,-10px -10px 50px 0 #dbabab69;background:#ffffffb0}#keyinfo{position:fixed;width:fit-content;height:fit-content;top:18%;background:#fffffff7;z-index:3;backdrop-filter:blur(10px);padding:15px 25px;border-radius:20px;box-shadow:#0000 0 0 0 0px,#0000 0 0 0 0px,#00000014 0 9px 12px 0px,#0000001f 0 2px 8px 0}#keyinfo,#keyinfo *{animation-delay:0ms}#keyinfo-header{border-bottom:solid 1px #c9c9c952;padding:10px 4px;display:flex}#keyinfo-header>span{color:#51515178;font-weight:600;font-size:16px;flex:1}#key{width:fit-content;height:fit-content;border:solid 1px #0000004d;border-radius:6px;padding:2px 4px;margin:2px 8px;font-size:10px;box-shadow:1px 1px 2px -1px #00000045;background:linear-gradient(45deg,#f3f3f3,#f8f8f8ed)}#shortcutContent{display:flex;font-family:'jetbrains mono',monospace}#key-item{display:flex;margin:10px 2px}#shortcutName{font-size:12px;color:#000000a3;display:block;height:fit-content;margin-block:auto}.switch{position:relative;display:inline-block;width:30px;height:17px}.switch input{opacity:0;width:0;height:0}.slider{display:block;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;margin:auto}.slider:before{position:absolute;content:"";height:12px;width:12px;left:4px;bottom:0;top:0;margin:auto;background-color:#fff;-webkit-transition:.4s;transition:.4s}.switch input:checked+.slider{background:linear-gradient(28deg,#3F51B5,#b02763)}.switch input:focus+.slider{box-shadow:0 0 1px #2196F3}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(12px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}#keybinding-toggle{width:fit-content;height:fit-content}#backdrop{position:fixed;top:0;bottom:0;left:0;right:0;width:-webkit-fill-available;height:-webkit-fill-available;z-index:2;opacity:0}