:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#root{width:100vw;height:100vh;background:#0f172b;background:linear-gradient(135deg,#0f172b,#020618);overflow:hidden}html,body,#root{height:100%;margin:0;overflow:hidden}.square{background-color:#0d542b;position:absolute;transform:translate(-50%,-50%) scale(1);transform-origin:50% 50%;box-shadow:0 0 40px #053345}.background{position:fixed;inset:0;z-index:0;pointer-events:none;cursor:hidden}.app-content{z-index:1}.filter{position:absolute;width:100vw;height:100vh;top:0;overflow:hidden;background:3C6300;background:radial-gradient(circle,#0000,#000000b3 10%);background:#000000b3}.navbar{position:relative;z-index:10;background-color:#101828;height:48px;box-shadow:0 0 40px #020618;margin:20px;border-radius:5px;display:flex;align-items:center;padding-left:10px;padding-right:10px;justify-content:space-between}.navbar h2{margin:0}.navbar .themes{border-left:1px white solid;padding-left:6px;cursor:pointer;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.navbar .themes img{transform:scaleY(-1);transition:transform .25s ease,opacity 30ms ease}.good-font{font-family:Holtwood One SC,serif;font-weight:400;font-style:normal}.glass{background:#ffffff1f;box-shadow:0 4px 30px #0000001a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.41)}.glass{width:max-content}.bio{width:480px;font-size:x-large}.skills{position:absolute;right:14px;bottom:48px;margin:0}.skills table th{font-size:20px}.skills table{border-collapse:separate;border-spacing:40px 0}.window{position:absolute;border-radius:8px;left:20px;top:20px;width:450px;height:200px;display:flex;flex-direction:column}.window .content{flex-grow:1;border-radius:0 0 8px 8px;padding:0;overflow:hidden}.topbar{width:100%;border-radius:8px 8px 0 0;height:25px;background-color:#ffffff80;display:flex;justify-content:space-between;align-items:center;cursor:grab}.topbar p{color:#36454f;margin:0 0 0 10px;font-weight:700;font-size:20px;-webkit-user-select:none;user-select:none}.topbar .buttons{display:flex;align-items:center;cursor:pointer;transition:all}.topbar .buttons div{transition:.1s all;width:20px;height:20px;margin-left:5px;margin-right:5px;border-radius:100%}.topbar .buttons div:hover{opacity:.5}.topbar .close{background-color:red}.topbar .scale{background-color:orange}.topbar .hide{background-color:green}@keyframes close{0%{opacity:1;transform:translate(0) scale(1);filter:blur(0px);box-shadow:0 4px 30px #0000001a}60%{opacity:.9;filter:blur(2px);box-shadow:0 6px 24px #00000014}to{opacity:0;transform:translateY(24px) scale(.7);filter:blur(6px);box-shadow:0 0 #0000;display:none}}.winclose{transform-origin:50% 50%;animation:close .52s cubic-bezier(.22,.61,.36,1) forwards}.dock{position:absolute;bottom:24px;height:72px;min-width:12.5%;transform:translate(-50%) scale(1);background:#ffffff38;border-radius:16px;left:50%;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(8.3px);-webkit-backdrop-filter:blur(8.3px);border:1px solid rgba(255,255,255,.21);display:flex;align-items:center;padding:6px}.dock .item{cursor:pointer;object-fit:scale-down;width:80px}.dock .item:before{overflow:hidden;content:"";display:block;width:60px;height:60px;background-color:gray;border-radius:6px;margin:6px;transition:.2s all ease-in-out;cursor:pointer}.dock .iconopen{animation:iconopen 1s}@keyframes iconopen{50%{transform:translateY(-50%) scale(1)}}.resize-x{position:absolute;height:10px;width:calc(100% - 20px);left:0;bottom:0;cursor:row-resize;-webkit-user-select:none;user-select:none;transform:translateY(50%)}.resize-y{position:absolute;height:calc(100% - 20px);width:10px;right:0;top:0;cursor:col-resize;-webkit-user-select:none;user-select:none}.resize-xy{position:absolute;height:25px;width:25px;right:0;bottom:0;transform:translate(5px,5px);cursor:nwse-resize;-webkit-user-select:none;user-select:none}.notes{height:100%;display:flex}.notes .list{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:0;width:200px}.notes .list div{padding:10px 5px;font-size:25px;border-bottom:2px solid white;transition:all .2s}.notes .list div:hover{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);cursor:pointer;background:#ffffff3d}.notes .context{padding:14px;margin:10px;border-radius:18px;background:linear-gradient(145deg,#141c34d1,#102d2ac7);border:1px solid rgba(185,245,235,.25);box-shadow:inset 0 1px #ffffff17,0 10px 24px #03081859;width:100%}.notes .context h1{padding:0;margin:10px}.notes .context .name{border-radius:18px;width:max-content;padding:8px}.notes .context .heading-wrap{display:flex;align-items:center}.notes .context .circle{width:20px;height:20px;border-radius:100%;background-color:#fff}.terminal{background-color:#28282b;height:100%;padding:10px;font-family:Courier New,Courier,monospace}.terminal .shell{display:flex;align-items:center;color:green}.terminal p{color:#fff}.terminal pre{margin:8px 0 0;color:#7cfc00;font-size:14px;line-height:1.35;white-space:pre}