.skills-list-container{padding:2rem 1rem;max-width:750px;min-width:400px;height:500px;background-color:var(--c-background1);border:1px solid var(--c-border);border-radius:var(--border-radius);overflow:auto}.skills-list-container .skills-list-wrapper{display:flex;flex-direction:column;gap:2rem;overflow:visible}.skills-list-container .skills-list-wrapper .skills-title{font-weight:700;border-bottom:1px solid var(--c-border);padding-bottom:.5rem}.skills-list-container .skills-list-wrapper .skills-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:safe;gap:1rem;padding:1rem}.skills-list-container .skills-list-wrapper .skills-list .skill{padding:.5rem;background:var(--c-primary);-webkit-user-select:none;user-select:none;border-radius:var(--border-radius);font-size:.9rem}@layer base{:root{--c-hover: #f0f0f033;--c-rgb-hover: 240, 240, 240;--c-background: #121212;--c-background-hover: #323233;--c-background1: #191919;--c-background2: #232323;--c-background2-t: #1f1f1f80;--c-background3: #333333;--c-background4: #5d5d5d;--c-background5: #666666;--c-desktop-bg: #131021;--c-desktop-default-bg: #131021;--c-rgb-desktop-bg-contrast: 255, 255, 255;--c-rgb-desktop-default-bg-contrast: 255, 255, 255;--blue-100: #d0eaff;--blue-200: #a1d1ff;--blue-300: #73b8ff;--blue-400: #5eb3ff;--blue-500: #BB86FC;--blue-600: #1874cd;--blue-800: #124e8d;--blue-900: #0f3e73;--text-color: #fdfdfd;--c-text: #fdfdfd;--c-text1: #E0E0E0;--c-text2: #bdbdbd;--c-text3: #35db7a;--c-text4: #ff8679;--c-text-secondary: #A0A0A0;--c-secondary-background: #121212;--c-border: #3c3c3c;--c-hover: #323233;--c-error: #f48771;--c-success: #4caf50;--c-warning: #ffcc00;--c-accent: #005f99;--c-accent-hover: #007acc;--c-accent-focus: #0090ff;--c-background-focus: #3c3c3c;--c-header-active: #0a0a0a;--c-header-inactive: #2d2d2d;--c-primary: #1565c0;--c-secondary: #6c757d;--c-icon-bg: #f0f0f0;--patern-1: none;--spacing-unit: 1rem;--border-radius: .5rem;--taskbar-height: 3rem;--window-header-height: 32px;--border-style: solid;--input-required-border: #ff0000;--input-required-bg: #ffe6e6;--input-required-color: #ff0000;--cursor-pointer: default;--cursor-text: text;--cursor-resize: ew-resize;--cursor-resize-vertical: ns-resize;--cursor-resize-diagonal: nwse-resize;--cursor-resize-diagonal-alt: nesw-resize;--cursor-resize-all: all-scroll;--cursor-not-allowed: not-allowed;--cursor-grabbing: grabbing;--cursor-grab: grab;--cursor-default: default;--cursor-help: help;--cursor-progress: progress;--cursor-wait: wait;--cursor-crosshair: crosshair;--cursor-zoom-in: zoom-in;--cursor-zoom-out: zoom-out;--cursor-move: move;--cursor-copy: copy;--cursor-alias: alias;--cursor-cell: cell;--cursor-context-menu: context-menu;--cursor-no-drop: no-drop;--cursor-all-scroll: all-scroll;--cursor-col-resize: col-resize;--cursor-row-resize: row-resize;--cursor-vertical-text: vertical-text;--box-shadow: 0px 0px 0px rgba(0, 0, 0, .1), 1px 1px 0px rgba(0, 0, 0, .2), 2px 2px 0px rgba(0, 0, 0, .3), 3px 3px 0px rgba(0, 0, 0, .4), 5px 5px 0px rgba(0, 0, 0, .5), 6px 6px 0px rgba(0, 0, 0, .6), 9px 9px 0px rgba(0, 0, 0, .7), 12px 12px 0px rgba(0, 0, 0, .8), 15px 15px 0px rgba(0, 0, 0, .9), 18px 18px 0px rgba(0, 0, 0, 1), -1px 1px 0px rgba(0, 0, 0, .2), -2px 2px 0px rgba(0, 0, 0, .3), -3px 3px 0px rgba(0, 0, 0, .4), -5px 5px 0px rgba(0, 0, 0, .5), -6px 6px 0px rgba(0, 0, 0, .6), -9px 9px 0px rgba(0, 0, 0, .7), -12px 12px 0px rgba(0, 0, 0, .8), -15px 15px 0px rgba(0, 0, 0, .9), -18px 18px 0px rgba(0, 0, 0, 1);--s-text-outline: 1px 1px 0 #000000b4, 1px 0px 0 #000000b4, 0px 1px 0 #000000b4}*{margin:0;padding:0;box-sizing:border-box;text-shadow:0 1px 0px #000000,0 -1px 0px #000000,1px 0px 0px #000000,-1px 0px 0px #000000,}html,body{height:100%;overflow:hidden}body{font-family:Poppins,sans-serif;line-height:1.6;color:var(--color-text)}h1,h2,h3{line-height:1.2}input:required:invalid{border:2px solid var(--input-required-border);background-color:var(--input-required-bg);color:var(--input-required-color)}ul{list-style:none}.desktop{height:100vh;width:100vw;position:fixed;background:none!important;overflow:hidden;top:0;left:0;z-index:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{visibility:hidden}::-webkit-scrollbar-thumb{background:#444;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#666}.no-scroll::-webkit-scrollbar-track,.no-scroll::-webkit-scrollbar-thumb{visibility:hidden}}@layer utilities{.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}noscript{font-size:large;background-color:#07080c;color:#fff;padding:10px;border-radius:var(--border-radius);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}@layer components{.desktop-display{height:100vh;width:100vw;position:absolute;overflow:hidden;top:0;left:0;z-index:0}.desktop-display .desktop-background{width:100%;height:100%;position:absolute;background-repeat:no-repeat;background-size:100% 100%;background-position:center;background-attachment:fixed;background-origin:content-box;background-clip:content-box;top:0;left:0;background-color:var(--c-desktop-bg)}}@layer components{.window-content{display:flex;justify-content:center!important;align-items:center!important}.window-content .task-manager{width:100%;height:100%;max-height:600px;max-width:800px;background:var(--c-background2);color:var(--c-text);overflow:hidden}.window-content .task-manager .task-manager-header{display:flex;align-items:center;padding:1rem;font-weight:700}.window-content .task-manager .task-manager-header .task-manager-title{width:100%;height:100%}.window-content .task-manager .task-manager-main{display:flex;flex-direction:column;height:300px;gap:.5rem;border-bottom:1px solid var(--c-border);overflow-y:auto}.window-content .task-manager .task-manager-main .task-list-header{width:100%;position:sticky;margin-top:-2px;top:0;display:flex;align-items:center;justify-content:left;background-color:var(--c-background2);border-bottom:1px solid var(--c-border);border-top:1px solid var(--c-border)}.window-content .task-manager .task-manager-main .task-list-header .task-list-header-row{width:100%;padding:0 1rem}.window-content .task-manager .task-manager-main .task-list-header .task-list-header-row .task-list-header-cell{padding:.2rem 0rem;width:100%;height:100%;display:flex;align-items:center;justify-content:left;cursor:var(--cursor-pointer);gap:.5rem;-webkit-user-select:none;user-select:none;transition:all .1s ease-in-out}.window-content .task-manager .task-manager-main .task-list-header .task-list-header-row .task-list-header-cell .icon{width:1.1rem!important;height:1.1rem!important}.window-content .task-manager .task-manager-main .task-list-header .task-list-header-row:hover{background-color:var(--c-border)}.window-content .task-manager .task-manager-main .task-list-header .task-list-header-row:active{background-color:var(--c-border-active)}.window-content .task-manager .task-manager-main .task-list-body{padding:.5rem 1rem;table-layout:fixed;overflow-y:auto;width:100%;height:100%;gap:.5rem}.window-content .task-manager .task-manager-main .task-list-body .task-row{display:flex;align-items:center;justify-content:left;padding:.2rem 1rem;width:100%;height:100%;cursor:var(--cursor-pointer);gap:.5rem;-webkit-user-select:none;user-select:none;transition:all .1s ease-in-out}.window-content .task-manager .task-manager-main .task-list-body .task-row:hover{background-color:var(--c-border)}.window-content .task-manager .task-manager-main .task-list-body .task-row:active{background-color:var(--c-border-active)}.window-content .task-manager .task-manager-main .task-list-body .task-row.selected{background-color:var(--c-border)}.window-content .task-manager .task-manager-main .task-list-body .task-row.selected:active{background-color:var(--c-border-active)}.window-content .task-manager .task-manager-main .task-list-body .task-row .task-name-cell{flex-grow:1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.window-content .task-manager .task-manager-main .task-list-body .task-row .task-status-cell{width:100px;text-align:right;color:var(--c-text-secondary)}.window-content .task-manager .task-manager-footer{width:100%;display:flex;align-items:center;justify-content:right;padding:1rem}}@layer components{.about-me{min-width:400px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-size:21px 21px;overflow:hidden}.about-me hr{width:50%;max-width:440px;border:none;border-top:1px outset #666666}.about-me h2,.about-me h3{width:95cqw;transition:font-size .5s ease}.about-me h2{color:#eaeaea}.about-me h3{color:#a9a9a9}.about-me img{object-fit:contain;object-position:center;width:100%;max-width:12rem;border-radius:50%;transition:all .5s ease}.about-me p{transition:font-size .5s ease;font-size:.8rem;text-align:justify;display:inline-block}.about-me .about-me-wrapper{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:2rem;min-height:520px;transition:all .3s ease}.about-me .about-me-image{display:flex;justify-content:center;align-items:center}.about-me .about-me-title{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:max-content}.about-me .about-me-text{color:#b0c4de;max-width:700px;min-width:300px;max-height:130px;overflow:auto;max-width:80%}.about-me .about-me-image,.about-me .about-me-title,.about-me .about-me-text{transition:all .3s ease}@media screen{@media (max-width: 600px){.about-me h2{font-size:1.5rem;font-weight:600;text-shadow:0 1px 2px #0000004c;margin-top:2rem;margin-bottom:1rem}.about-me h3{font-size:1rem;font-weight:500;margin-bottom:1rem}.about-me .about-me-text{bottom:15%!important;height:max-content!important;overflow:visible!important}}@media (min-width: 600px){.about-me h2{font-size:2.5rem;font-weight:600;margin-bottom:1rem}.about-me h3{font-size:1.2rem;font-weight:500;margin-bottom:1rem}}}@container (min-width: 700px){.about-me{opacity:1;transform:scale(1)}.about-me h3{font-size:1.2rem;font-weight:500;margin-bottom:1rem}.about-me .about-me-image{width:max-content}.about-me .about-me-text{overflow:visible!important}.about-me .about-me-text p{font-size:1rem}}@container (max-width: 699px){.about-me-wrapper{opacity:1;gap:0;transform:scale(1)}.about-me-wrapper .about-me-image{width:max-content}.about-me-wrapper .about-me-image img{width:10rem}.about-me-wrapper .about-me-title h2{font-size:2rem}.about-me-wrapper .about-me-title h3{font-size:1rem}}@container (min-height: 50px){.about-me{opacity:1;transform:scale(1)}.about-me .about-me-image{transform:translate(-50%,-70%);width:max-content}.about-me .about-me-image img{width:11rem}.about-me .about-me-title{transform:translate(-50%,-50%)}.about-me .about-me-title h2{font-size:2rem}.about-me .about-me-title h3{font-size:1rem}.about-me .about-me-text{transform:translate(-50%,200%)}}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.project-card{padding:1rem;border-radius:var(--border-radius);background:#1f3449;box-shadow:0 2px 8px #0000001a}.window-content .contact-form{display:flex;flex-direction:column;gap:2rem;padding:4rem;width:100%;max-width:600px}.window-content .contact-form .input-container{position:relative;width:100%;height:mfit-content}.window-content .contact-form .input-container .placeholder{position:absolute;left:1rem;top:.8rem;font-size:1rem;color:var(--c-text);pointer-events:none;-webkit-user-select:none;user-select:none}.window-content .contact-form .input-container input,.window-content .contact-form .input-container textarea{width:100%;min-width:300px;max-width:600px;padding:1rem;background-color:var(--c-background-focus);border:1px solid var(--c-background-focus);border-radius:var(--border-radius);color:var(--c-text);font-family:inherit}.window-content .contact-form .input-container input::placeholder,.window-content .contact-form .input-container textarea::placeholder{color:#fff;visibility:visible}.window-content .contact-form .input-container input::placeholder,.window-content .contact-form .input-container textarea::placeholder{visibility:hidden;opacity:.4}.window-content .contact-form .input-container input:focus::placeholder,.window-content .contact-form .input-container textarea:focus::placeholder{visibility:visible}.window-content .contact-form .input-container input:focus,.window-content .contact-form .input-container textarea:focus{outline:none;background-color:var(--c-background)}.window-content .contact-form textarea{min-height:150px;max-height:50vh;resize:vertical;color:inherit}.window-content .contact-form button{justify-self:start;background:var(--c-accent);border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:background-color .3s;color:inherit}.window-content .contact-form button:hover{background:var(--c-accent-hover)}.browser-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--c-background);position:relative;overflow:hidden}.browser-container .browser-header{width:100%;height:50px;padding:.6rem;gap:.5rem;background-color:var(--c-background2);display:flex;align-items:center;top:0;left:0}.browser-container .browser-header .browser-controls{display:flex;align-items:center;justify-self:center;gap:.6rem;padding:0 1rem}.browser-container .browser-header .browser-controls .control-button{width:1.2rem!important;height:1.2rem!important;border-radius:50%;background-color:none!important;fill:var(--c-text);border:none;cursor:pointer;transition:background-color .3s}.browser-container .browser-header .browser-controls .control-button:hover{background-color:var(--c-accent-hover)}.browser-container .browser-header .website-input{justify-self:center;width:100%;padding:.4rem 1rem;border:none;border-radius:var(--border-radius);background-color:var(--c-background-focus);color:var(--c-text);font-family:inherit;font-size:.8rem}.browser-container .browser-header .website-input::placeholder{color:#fff;opacity:.6}.browser-container .browser-header .website-input:focus{outline:none;background-color:var(--c-background)}.browser-container .browser-frame-container{width:100%;height:100%;position:relative}.browser-container .browser-frame-container .browser-frame{width:100%;height:100%;position:absolute;border:none;top:0;left:0}}@layer components{.window{position:absolute;background:var(--c-background2);border-radius:var(--border-radius);border:1px solid #ffffff00;box-shadow:0 16px 32px #0000000c;color:var(--c-text);min-width:max-content;min-height:10%;max-width:100%;max-height:calc(100dvh - var(--taskbar-height));display:none;flex-direction:column;overflow:hidden;resize:both;transition:margin .2s ease,box-shadow .2s ease,border-color .2s ease}.window:active{transition:none}.window.maximized{max-height:calc(100% - var(--taskbar-height))!important;border-radius:0!important;border-width:0px!important;resize:none!important}.window.open,.window.focus:not(.minimized){display:flex}.window.focus:not(.minimized):not(.maximized){box-shadow:0 16px 12px 8px #0000002e;transition:margin .2s ease,box-shadow .2s ease,border-color .2s ease;border-color:var(--c-header-active)}.window:not(.focus):not(.minimized):not(.maximized){border-color:var(--c-border)}@media screen{@media (max-width: 600px){.window.open{width:100%!important;height:calc(100vh - var(--taskbar-height))!important;top:0!important;left:0!important;border-radius:0;border:none!important;transform:translateZ(0)!important;resize:none!important}}}.window.minimized{display:none}.window.fade-out{opacity:1;transition:opacity .08s ease-out}.window.hidden{opacity:0}.window .window-header{height:var(--window-header-height);background:var(--c-header-inactive);min-width:max-content;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.window .window-header .icon{background-color:var(--c-icon-bg)!important}.maximized :is(.window .window-header){pointer-events:none}.focus:not(.minimized) :is(.window .window-header){transition:background-color .2s ease;background:var(--c-header-active)}.window .window-header .window-title{flex-grow:1;cursor:move;margin-left:1rem;display:flex;align-items:center;font-size:.8rem;gap:1rem}.window .window-header .window-controls{display:flex;align-items:center;flex-grow:0;height:100%;pointer-events:initial}.window .window-header .window-controls button{width:var(--window-header-height);height:var(--window-header-height);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.window .window-header .window-controls button:hover{background-color:#5ba6cf7c}.window .window-header .window-controls button>.icon{max-width:14px;max-height:14px}.window .window-header .window-controls button.close:hover{background-color:#ef4444;color:#fff}@media screen and (max-width: 600px){.window .window-header .window-controls button:nth-child(2){display:none}}.window .window-content{flex:1;min-height:fit-content;background-color:var(--c-secondary-background);background-image:var(--pattern-1);min-width:-webkit-fill-available;min-width:fit-content;position:relative;container-type:inline-size}}@layer components{.taskbar{position:absolute;bottom:0;left:0;right:0;height:var(--taskbar-height);border-top:2px solid #292929;background:#181818;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;padding:0 1rem;z-index:10000;-webkit-user-select:none;user-select:none}.taskbar .icon{background-color:var(--c-icon-bg)}}@layer components{.taskbar .start-menu .start-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-one);border:none;cursor:var(--cursor-pointer);border-radius:.5rem;transition:background-color .2s;color:#fff}.taskbar .start-menu .start-button>*{width:40px;height:40px}.taskbar .start-menu .start-button:hover{background-color:#ffffff43}.taskbar .start-menu .start-button:active{background-color:#ffffff1a}.taskbar .start-menu .start-button:active>*{transition:all .2s;transform:scale(.8)}.taskbar .start-menu .start-menu-container{position:absolute;overflow:hidden;bottom:3rem;left:-1px;pointer-events:none}.taskbar .start-menu .start-menu-container .start-menu-content{transform:translateY(100%);padding:30px;display:flex;flex-direction:column;justify-content:center;gap:10px;width:max-content;background:var(--c-secondary-background);border:1px var(--border-style) var(--c-border);border-bottom:none;border-radius:5px 5px 0 0;box-shadow:0 8px 8px #1f26875e;list-style:none;z-index:999;pointer-events:initial}.taskbar .start-menu .start-menu-container .start-menu-content .input-container{position:relative;display:inline-block}.taskbar .start-menu .start-menu-container .start-menu-content .input-container .icon{position:absolute;width:20px!important;height:20px!important;left:10px;top:50%;transform:translateY(-50%);pointer-events:none;background-color:var(--c-text);transition:all .2s}.taskbar .start-menu .start-menu-container .start-menu-content .input-container .icon:has(~.start-menu-search-file-input:focus){filter:brightness(175%);background-color:var(--c-primary)}.taskbar .start-menu .start-menu-container .start-menu-content .input-container .start-menu-search-file-input{width:100%;padding:.5rem 3rem;background-color:var(--c-background-focus);border:1px solid var(--c-background-focus);border-radius:50px;color:var(--c-text);font-family:inherit;transition:background-color .2s,opacity .2s}.taskbar .start-menu .start-menu-container .start-menu-content .input-container .start-menu-search-file-input::placeholder{color:#fff;visibility:visible}.taskbar .start-menu .start-menu-container .start-menu-content .input-container .start-menu-search-file-input::placeholder{visibility:hidden;opacity:.4}.taskbar .start-menu .start-menu-container .start-menu-content .input-container .start-menu-search-file-input:focus::placeholder{visibility:visible}.taskbar .start-menu .start-menu-container .start-menu-content .input-container .start-menu-search-file-input:focus{outline:none;background-color:var(--c-background)!important}.taskbar .start-menu .start-menu-container .start-menu-content .search-content{height:12rem;width:30rem;display:flex;flex-wrap:wrap;gap:5px}.taskbar .start-menu .start-menu-container .start-menu-content .history-container{border:1px solid var(--color-four);color:var(--c-text)}.taskbar .start-menu .start-menu-container .start-menu-content .history-container .start-menu-history{height:12rem;width:30rem;list-style:none;display:flex;flex-direction:column;gap:5px}}@layer components{.taskbar .taskbar-items{flex:1;display:flex;gap:.5rem;margin:0 2rem;overflow-x:auto}.taskbar .taskbar-items::-webkit-scrollbar{display:hidden}.taskbar .taskbar-items .taskbar-item{height:40px;padding:0 .5rem;display:flex;align-items:center;color:#fff;border-radius:.5rem;cursor:var(--cursor-pointer);transition:background-color .2s}.taskbar .taskbar-items .taskbar-item:hover{background-color:#ffffff43}.taskbar .taskbar-items .taskbar-item:active{background-color:#ffffff1a}.taskbar .taskbar-items .taskbar-item:active>*{transition:all .2s;transform:scale(.8)}.taskbar .taskbar-items .taskbar-item.focus:not(.minimized){background-color:#ffffff1a}.taskbar .taskbar-items .taskbar-item.focus:not(.minimized):hover{background-color:#ffffff43}.taskbar .taskbar-items .taskbar-item.focus:not(.minimized):active{background-color:#ffffff1a}.taskbar .taskbar-items .taskbar-item.focus:not(.minimized):active>*{transition:all .2s;transform:scale(.8)}}@layer components{.taskbar .taskbar-right-section{display:flex;align-items:center;color:#fff}.taskbar .taskbar-right-section .language{cursor:var(--cursor-pointer);position:relative}.taskbar .taskbar-right-section .language .language-button{font-size:small;background-color:none;background:none;color:var(--color-text);border:none;padding:.5rem;border-radius:.5rem;transition:background-color .2s}.taskbar .taskbar-right-section .language .language-button:hover{background-color:#fff3}.taskbar .taskbar-right-section .language .language-list-container{position:absolute;overflow:hidden;top:calc(-7rem + 4px);left:-3rem;pointer-events:none}.taskbar .taskbar-right-section .language .language-list-container .language-list{transform:translateY(100%);display:flex;flex-wrap:wrap;width:max-content;border:2px var(--border-style) var(--c-border);border-bottom:none;background-color:var(--c-background);border-radius:5px 5px 0 0;list-style:none;z-index:999;cursor:var(--cursor-pointer);pointer-events:initial}.taskbar .taskbar-right-section .language .language-list-container .language-list li{width:100%;padding:.5rem 1rem;line-height:2rem;background-color:var(--color-two);-webkit-user-select:none;user-select:none;border-left:2px solid rgba(255,255,255,0)}.taskbar .taskbar-right-section .language .language-list-container .language-list li:hover{background-color:#fff3}.taskbar .taskbar-right-section .language .language-list-container .language-list li:active{background-color:var(--color-two)}.taskbar .taskbar-right-section .language .language-list-container .language-list li.enabled{background-color:var(--color-four);border-left:2px solid var(--c-primary)}.taskbar .taskbar-right-section .clock{font-family:Courier New,Courier,monospace;font-weight:700;text-align:right;padding:0 1rem;font-size:.8rem}}@layer components{.desktop-files-wrapper{transform:translateY(1%);height:calc(100vh - var(--taskbar-height));padding:.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:3vh .5rem;position:absolute;top:0;left:0;z-index:1;pointer-events:none}.desktop-files-wrapper>.file{padding:.3rem 0;width:5rem;height:4.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--c-background1);cursor:var(--cursor-pointer);line-height:1.2;border-radius:.5rem;transition:color .2s ease-in-out,background-color .2s ease-in-out,text-shadow .2s ease-in-out;pointer-events:initial}.desktop-files-wrapper>.file:hover,.desktop-files-wrapper>.file:focus{transition:all .2s;text-shadow:0px 0px 15px rgba(var(--c-rgb-desktop-bg-contrast));background-color:rgba(var(--c-rgb-desktop-bg-contrast),.2);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-app-region:no-drag}.desktop-files-wrapper>.file .icon{width:100%;font-size:2rem;margin-bottom:.5rem;background-color:rgb(var(--c-rgb-desktop-bg-contrast));transition:background-color .3s ease-in-out}.desktop-files-wrapper>.file .icon-text{width:5rem;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;line-clamp:2;word-wrap:break-word;font-size:.8rem;color:rgb(var(--c-rgb-desktop-bg-contrast));text-shadow:var(--s-text-outline);-webkit-user-select:none;user-select:none;transition:color .3s ease-in-out}}.icon{width:25px;height:25px;background-size:contain;background-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;display:inline-block}.icon.about{-webkit-mask-image:url(/icons/user.svg);mask-image:url(/icons/user.svg)}.icon.skills{-webkit-mask-image:url(/icons/tools.svg);mask-image:url(/icons/tools.svg)}.icon.projects{-webkit-mask-image:url(/icons/folder.svg);mask-image:url(/icons/folder.svg)}.icon.contact{-webkit-mask-image:url(/icons/envelope.svg);mask-image:url(/icons/envelope.svg)}.icon.window-icon{-webkit-mask-image:url(/icons/window_icon.svg);mask-image:url(/icons/window_icon.svg)}.icon.minimize{-webkit-mask-image:url(/icons/minus.svg);mask-image:url(/icons/minus.svg)}.icon.maximize{-webkit-mask-image:url(/icons/arrows_pointing_out.svg);mask-image:url(/icons/arrows_pointing_out.svg)}.icon.restore{-webkit-mask-image:url(/icons/arrows_pointing_in.svg);mask-image:url(/icons/arrows_pointing_in.svg)}.icon.close{-webkit-mask-image:url(/icons/not_icon.svg);mask-image:url(/icons/not_icon.svg)}.icon.sort{-webkit-mask-image:url(/icons/sort.svg);mask-image:url(/icons/sort.svg)}.icon.refresh{-webkit-mask-image:url(/icons/refresh.svg);mask-image:url(/icons/refresh.svg)}.icon.new{-webkit-mask-image:url(/icons/new.svg);mask-image:url(/icons/new.svg)}.icon.download{-webkit-mask-image:url(/icons/arrow_down_tray.svg);mask-image:url(/icons/arrow_down_tray.svg)}.icon.resize{-webkit-mask-image:url(/icons/resize_corner.svg);mask-image:url(/icons/resize_corner.svg)}.icon.view{-webkit-mask-image:url(/icons/squares.svg);mask-image:url(/icons/squares.svg)}.icon.plus-circle{-webkit-mask-image:url(/icons/plus_circle.svg);mask-image:url(/icons/plus_circle.svg)}.icon.new-file{-webkit-mask-image:url(/icons/new_file.svg);mask-image:url(/icons/new_file.svg)}.icon.search{-webkit-mask-image:url(/icons/magnify_glass.svg);mask-image:url(/icons/magnify_glass.svg)}.icon.paint{-webkit-mask-image:url(/icons/paint_brush_solid.svg);mask-image:url(/icons/paint_brush_solid.svg)}.icon.color-picker{-webkit-mask-image:url(/icons/dropper.svg);mask-image:url(/icons/dropper.svg)}.icon.command{-webkit-mask-image:url(/icons/cmd.svg);mask-image:url(/icons/cmd.svg)}.icon.task-manager{-webkit-mask-image:url(/icons/gear.svg);mask-image:url(/icons/gear.svg)}.icon.browser{-webkit-mask-image:url(/icons/globe.svg);mask-image:url(/icons/globe.svg)}.icon.arrow-left{-webkit-mask-image:url(/icons/chevron_left.svg);mask-image:url(/icons/chevron_left.svg)}.icon.arrow-right{-webkit-mask-image:url(/icons/chevron_right.svg);mask-image:url(/icons/chevron_right.svg)}.icon.arrow-up{-webkit-mask-image:url(/icons/chevron_up.svg);mask-image:url(/icons/chevron_up.svg)}.icon.arrow-down{-webkit-mask-image:url(/icons/chevron_down.svg);mask-image:url(/icons/chevron_down.svg)}.icon.github{-webkit-mask-image:url(/icons/github-mark.svg);mask-image:url(/icons/github-mark.svg)}.icon.linkedin{-webkit-mask-image:url(/icons/linkedin.svg);mask-image:url(/icons/linkedin.svg)}@layer components{.files-explorer{width:100%;padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));justify-content:center;position:absolute;top:0;left:0;gap:1.6rem .5rem;pointer-events:none;text-align:center}.files-explorer>.file{padding:.3rem 0;width:5rem;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--c-icon-bg);cursor:var(--cursor-pointer);line-height:1.2;border-radius:.5rem;transition:color .2s ease-in-out,background-color .2s ease-in-out,text-shadow .2s ease-in-out;pointer-events:initial;gap:.5rem}.files-explorer>.file>.icon{width:5rem!important;height:5rem!important;display:flex;align-items:center;justify-content:center;background-color:#fff}.files-explorer>.file:hover,.files-explorer>.file:focus{transition:all .2s;background-color:var(--c-hover);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-app-region:no-drag}}@layer components{.context-menu{position:fixed;background:var(--color-two);border-radius:var(--border-radius);border:2px var(--border-style) var(--color-four);box-shadow:0 12px 10px #0000004b;padding:.5rem;min-width:200px;z-index:1000;display:none}.context-menu.active{display:block}.context-menu .context-menu-item{padding:.4rem .3rem;display:flex;justify-content:left;align-items:center;gap:.7rem;cursor:pointer;border-radius:.25rem;color:var(--color-text);transition:background-color .2s}.context-menu .context-menu-item:hover{background-color:var(--color-four)}.context-menu .context-menu-item .context-menu-icon{background-color:#fff;font-size:.7rem;opacity:.7}.context-menu .context-menu-separator{height:1px;background-color:#e5e7eb;margin:.5rem 0}}@layer components{.console-command{font-family:Consolas,courier new,sans-serif;font-size:large;height:100%;width:100%;padding:1rem;border:none;outline:none;resize:none;display:block;background-color:#000;text-overflow:clip;white-space:wrap;top:0;left:0;color:#fff}}@layer components{.change-background__container{width:100%;height:100%;display:flex;flex-direction:column}.change-background__container .change-background__wrapper{display:flex;width:100%;height:100%}.change-background__container .change-background__wrapper .change-background__main{flex:3;height:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.change-background__container .change-background__wrapper .change-background__main .change-background__title{max-width:700px;text-align:left;height:3rem}.change-background__container .change-background__wrapper .change-background__main .change-background__preview{min-width:320px;min-height:240px;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid var(--c-border)}.change-background__container .change-background__wrapper .change-background__aside{width:400px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;background-color:var(--c-background1);border-left:1px solid var(--c-border);padding:2rem 0}.change-background__container .change-background__wrapper .change-background__aside .change-background__picker-wrapper{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:2rem;padding:.5rem 0}.change-background__container .change-background__wrapper .change-background__aside .change-background__picker-wrapper .react-colorful__saturation{border-radius:var(--border-radius)!important}.change-background__container .change-background__wrapper .change-background__aside .change-background__picker-wrapper .react-colorful__hue{border-radius:0!important}.change-background__container .change-background__wrapper .change-background__aside .change-background__picker-wrapper .react-colorful__hue-pointer{width:1rem!important;height:inherit;border-radius:0!important}.change-background__container .change-background__wrapper .change-background__aside .change-background__picker-wrapper .change-background__file-input{display:none}.change-background__container .change-background__wrapper .change-background__aside .change-background__options-wrapper{display:flex;flex-direction:column;width:100%}.change-background__container .change-background__wrapper .change-background__aside .change-background__options-wrapper .change-background__options-list{width:100%;border:none;border-top:1px solid;border-color:var(--c-border);display:flex;justify-content:center;gap:4rem;padding:.5rem 2rem}.change-background__container .change-background__wrapper .change-background__aside .change-background__options-wrapper .change-background__options-list .change-background__display-option{font-family:Courier New,Courier,monospace;display:flex;gap:5px;justify-content:left}.change-background__container .change-background__wrapper .change-background__aside .change-background__options-wrapper .change-background__filters-list{width:100%;height:150px;border:none;border-top:1px solid;border-color:var(--c-border);display:flex;flex-direction:column;align-items:center;overflow-y:scroll;gap:.2rem;padding:.5rem 2rem}.change-background__container .change-background__wrapper .change-background__aside .change-background__options-wrapper .change-background__filters-list .change-background__filter-slider-container{width:100%;font-family:Courier New,Courier,monospace;display:flex;justify-content:space-between;align-items:center}.change-background__container .change-background__wrapper .change-background__aside .change-background__options-wrapper .change-background__filters-list .change-background__filter-slider-container .change-background__filter-slider-label{width:6rem}.change-background__container .change-background__wrapper .change-background__aside .change-background__options-wrapper .change-background__filters-list .change-background__filter-slider-container .change-background__filter-slider-wrapper{flex:2;width:100%;display:flex;align-items:center;justify-content:right;gap:1rem}.change-background__container .change-background__wrapper .change-background__aside .change-background__options-wrapper .change-background__filters-list .change-background__filter-slider-container .change-background__filter-input-number{box-sizing:content-box;width:3rem;text-align:right;background-color:var(--c-background2);color:var(--c-text)}.change-background__container .change-background__wrapper .change-background__aside .change-background__options-wrapper .change-background__filters-list .change-background__filter-slider-container .change-background__filter-input-number::-webkit-inner-spin-button,.change-background__container .change-background__wrapper .change-background__aside .change-background__options-wrapper .change-background__filters-list .change-background__filter-slider-container .change-background__filter-input-number::-webkit-outer-spin-button{opacity:1}}@layer components{.calculator{width:100%;height:100%}.calculator .calculator-visor{font-size:3rem;text-overflow:ellipsis;width:100%;height:25%;padding:0 20px;text-align:right;background-color:var(--c-header-active);color:var(--c-text);border:none;transition:font-size .2s}.calculator .calculator-visor::placeholder{color:var(--c-text)}.calculator .calculator-keys-container{width:100%;height:100%}.calculator .calculator-keys-container .calculator-keys-list{width:100%;height:75%;display:grid;gap:2px;grid-template-columns:repeat(4,minmax(80px,1fr));background-color:var(--c-background1)}.calculator .calculator-keys-container .calculator-keys-list .calculator-key{width:100%;display:flex;justify-content:center;align-items:center;border-radius:3px;-webkit-user-select:none;user-select:none;transition:font-size .2s}.calculator .calculator-keys-container .calculator-keys-list .calculator-key sup{margin-bottom:10px;font-size:.7rem}.calculator .calculator-keys-container .calculator-keys-list .calculator-key.main-key{background-color:var(--c-background3)}.calculator .calculator-keys-container .calculator-keys-list .calculator-key.main-key:hover{background-color:var(--c-background2)}.calculator .calculator-keys-container .calculator-keys-list .calculator-key.main-key:active{background-color:var(--c-background3)}.calculator .calculator-keys-container .calculator-keys-list .calculator-key.operation{background-color:var(--c-background2)}.calculator .calculator-keys-container .calculator-keys-list .calculator-key.operation:hover{background-color:var(--c-background3)}.calculator .calculator-keys-container .calculator-keys-list .calculator-key.operation:active{background-color:var(--c-background2)}.calculator .calculator-keys-container .calculator-keys-list .calculator-key.double-cell{grid-column:span 2}.calculator .calculator-keys-container .calculator-keys-list .calculator-key.result{background-color:var(--c-accent)}.calculator .calculator-keys-container .calculator-keys-list .calculator-key.result:hover{background-color:var(--c-accent-hover)}.calculator .calculator-keys-container .calculator-keys-list .calculator-key.result:active{background-color:var(--c-accent)}@container (min-width: 800px){.calculator .calculator-visor{font-size:4.5rem}.calculator .calculator-key{font-size:1.5rem}}}@layer components{.notepad{width:100%;height:100%}.notepad .notepad__nav{padding:.5rem;border:none}.notepad .notepad__text{height:100%;width:100%;padding:1rem;background-color:var(--c-background1);color:var(--c-text);resize:none;border:none}.notepad .notepad__text:focus{outline:none}}