@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=PT+Mono&family=VT323&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:PT Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--color-ink: #15110f;--color-paper: #fffaf0;--color-paper-warm: #f8edcf;--color-panel: #fff7df;--color-cartridge: #2d2a32;--color-cartridge-deep: #17151c;--color-screen: #263238;--color-red: #d82b2b;--color-red-dark: #a91522;--color-blue: #2f7ddf;--color-blue-dark: #1f5ca8;--color-yellow: #facc15;--color-yellow-dark: #eab308;--color-grass: #49a86b;--color-window-close: #ed6a5e;--color-terminal: #39ff14;--color-muted: #6f6658;--shadow-pixel-sm: 2px 2px 0 0 var(--color-ink);--shadow-pixel: 4px 4px 0 0 var(--color-ink);--shadow-pixel-lg: 8px 8px 0 0 var(--color-ink);--layout-page: min(1120px, calc(100% - 3rem) );--layout-page-tight: min(920px, calc(100% - 2.5rem) );--layout-readable: min(68ch, 100%);color:var(--color-ink);background:var(--color-paper);font-family:"Press Start 2P",monospace;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;text-align:left;font-family:"Press Start 2P",monospace;background:linear-gradient(rgba(21,17,15,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,17,15,.035) 1px,transparent 1px),var(--color-paper);background-size:24px 24px;color:var(--color-ink)}body::-moz-selection{background:var(--color-yellow);color:var(--color-ink)}body::selection{background:var(--color-yellow);color:var(--color-ink)}a{color:inherit;text-decoration-line:none}img,video{max-width:100%}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{text-align:left;font-family:"Press Start 2P",monospace;color:var(--color-ink);letter-spacing:0;margin:0 0 .75rem;text-wrap:balance}h1{font-size:clamp(2rem,1.45rem + 2.6vw,3.5rem);line-height:1.15}h2{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.6rem);line-height:1.2}h3{font-size:clamp(1.2rem,1rem + .9vw,1.8rem);line-height:1.25}h4{font-size:clamp(.95rem,.85rem + .5vw,1.25rem);line-height:1.35}h5,h6{font-size:clamp(.8rem,.72rem + .25vw,.95rem);line-height:1.45}p,li{text-align:left;font-family:PT Mono,monospace;line-height:1.625;color:var(--color-ink);font-size:clamp(.95rem,.9rem + .2vw,1.08rem);margin:0 0 1rem}:focus-visible{outline:3px solid var(--color-blue);outline-offset:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.container{width:100%}@media (min-width: 480px){.container{max-width:480px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}.pixel-panel,.dialogue-box,.job-container,.AboutMeSectionDiv{border-width:4px;--tw-bg-opacity: 1;background-color:rgb(255 247 223 / var(--tw-bg-opacity, 1));border-color:var(--color-ink);box-shadow:var(--shadow-pixel)}.retro-button,.dialogue-button,.pixel-button{display:inline-flex;align-items:center;justify-content:center;border-width:2px;font-family:"Press Start 2P",monospace;text-transform:uppercase;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;background:var(--color-panel);border-color:var(--color-ink);box-shadow:var(--shadow-pixel-sm);color:var(--color-ink);font-size:clamp(.65rem,.6rem + .2vw,.82rem);min-height:44px;padding:.75rem 1rem;text-align:center;text-decoration:none;touch-action:manipulation}.retro-button:hover,.dialogue-button:hover,.pixel-button:hover{transform:translate3d(-1px,-1px,0);box-shadow:3px 3px 0 0 var(--color-ink)}.retro-button:active,.dialogue-button:active,.pixel-button:active{transform:translate3d(1px,1px,0);box-shadow:1px 1px 0 0 var(--color-ink)}.retro-button.header-button{--tw-bg-opacity: 1;background-color:rgb(255 247 223 / var(--tw-bg-opacity, 1));padding:.75rem 1.25rem;--tw-text-opacity: 1;color:rgb(21 17 15 / var(--tw-text-opacity, 1))}.retro-button.follow-me-button{background:var(--color-yellow);color:var(--color-ink)}.retro-button.follow-me-button:hover{background:var(--color-yellow-dark)}.retro-button.section-nav-button,.retro-button.section-nav-button-selected{width:100%;max-width:260px;padding:1rem 1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.retro-button.section-nav-button,.retro-button.section-nav-button-selected{width:25vw}}.retro-button.section-nav-button{background:var(--color-blue)}.retro-button.section-nav-button-selected,.active-tab{background:var(--color-blue-dark);transform:translate3d(1px,1px,0);box-shadow:1px 1px 0 0 var(--color-ink)}.TopMostSection{width:var(--layout-page);margin-left:auto;margin-right:auto;display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between;gap:2.5rem;padding-top:3rem;padding-bottom:3rem;text-align:center}@media (min-width: 1024px){.TopMostSection{flex-direction:row;text-align:left}}.LeftDiv{display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 1024px){.LeftDiv{align-items:flex-start}}.TextDiv{display:flex;max-width:36rem;flex-direction:column;align-items:center;gap:1rem}@media (min-width: 1024px){.TextDiv{align-items:flex-start}}.ButtonDiv{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}@media (min-width: 1024px){.ButtonDiv{justify-content:flex-start}}.ImageDiv{width:100%;max-width:420px}.hero-image{height:auto;width:100%}@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}.hero-image{animation:float 4s steps(4,end) infinite;border-width:4px;--tw-bg-opacity: 1;background-color:rgb(255 247 223 / var(--tw-bg-opacity, 1));-o-object-fit:contain;object-fit:contain;border-color:var(--color-ink);box-shadow:var(--shadow-pixel-lg);image-rendering:pixelated}.retro-header{position:sticky;top:0;z-index:50;display:flex;width:100%;align-items:center;justify-content:space-between;border-bottom-width:4px;padding:1rem 1.25rem;font-family:"Press Start 2P",monospace;background:#fffaf0f0;border-color:var(--color-ink);color:var(--color-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-logo{display:flex;align-items:center}.header-logo.open{display:none}@media (min-width: 1024px){.header-logo.open{display:flex}}.logo-link{display:flex;align-items:center;gap:.5rem;color:var(--color-ink)}.logo-link h4{margin-bottom:0}.header-nav-container{display:none;align-items:center;gap:.75rem}@media (min-width: 1024px){.header-nav-container{display:flex}}.header-nav-container.open{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:100dvh;background:var(--color-paper)}.menu-toggle{display:flex;flex-direction:column;font-size:1.5rem;line-height:2rem}@media (min-width: 1024px){.menu-toggle{display:none}}.menu-toggle{color:var(--color-ink)}.menu-toggle.open{margin-top:1rem}.menu-toggle .bar-1,.menu-toggle .bar-2,.menu-toggle .bar-3,.bar-1,.bar-2,.bar-3{height:2px;width:2.25rem;background-color:currentColor;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.menu-toggle .bar-2,.bar-2{margin-top:.5rem;margin-bottom:.5rem}.menu-toggle .bar-1.open,.bar-1.open{transform:rotate(-45deg) translate(-6px,6px)}.menu-toggle .bar-2.open,.bar-2.open{opacity:0}.menu-toggle .bar-3.open,.bar-3.open{transform:rotate(45deg) translate(-6px,-6px)}.about-me-parent-container,.AboutMeParentDiv{display:flex;width:100%;flex-direction:column;align-items:center;gap:3rem;padding:3rem 1rem;background:var(--color-paper)}.about-me-container{width:var(--layout-page);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem}@media (min-width: 1024px){.about-me-container{flex-direction:row;align-items:flex-start}}.professor-sprite{aspect-ratio:3/4;width:100%;max-width:220px}.professor-sprite img,.pixel-icon,.trainer-photo img{image-rendering:pixelated}.dialogue-box{display:flex;min-height:11rem;width:100%;max-width:42rem;flex-direction:column;gap:1rem;padding:1rem 1.5rem;text-align:left}.dialogue-text-container{flex:1 1 0%;white-space:pre-wrap;font-family:PT Mono,monospace;color:var(--color-ink)}.next-arrow{margin-left:.5rem;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.next-arrow{animation:blink 1s steps(1) infinite;font-size:1rem;line-height:1.5rem;color:var(--color-red)}.dialogue-button{align-self:flex-end;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));background:var(--color-blue)}.dialogue-button:hover{background:var(--color-blue-dark)}.dialogue-button.reset-button{background:var(--color-red)}.dialogue-button.reset-button:hover{background:var(--color-red-dark)}.current-updates{width:var(--layout-page);display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;text-align:center}@media (min-width: 768px){.current-updates{grid-template-columns:repeat(3,minmax(0,1fr))}}.reading-updates,.project-updates{display:flex;flex-direction:column;gap:.75rem;border-width:4px;padding:1rem}@media (min-width: 768px){.reading-updates,.project-updates{padding:1.25rem}}.reading-updates,.project-updates{background:var(--color-red);border-color:var(--color-ink);box-shadow:var(--shadow-pixel);color:var(--color-paper)}.updates-text{font-family:"Press Start 2P",monospace;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ParentDiv{display:flex;min-height:100vh;width:100%;flex-direction:column;align-items:center;gap:2.5rem;padding:3rem 1rem;background:var(--color-paper)}.projects-list,.projects-list-case{margin-left:auto;margin-right:auto;width:100%;max-width:1120px}.tabs-container{margin-bottom:2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.tabs-container .retro-button{margin-left:.5rem;margin-right:.5rem;margin-top:0;margin-bottom:0}.retro-footer{width:100%;border-top-width:4px;padding-top:1.5rem;padding-bottom:1.5rem;text-align:center;font-family:"Press Start 2P",monospace;background:var(--color-paper);border-color:var(--color-ink)}.footer-container{margin-left:auto;margin-right:auto;display:flex;max-width:1120px;flex-direction:column;align-items:center;gap:1rem;padding-left:1rem;padding-right:1rem}.footer-socials{margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.social-icon{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.social-icon:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pixel-icon{width:clamp(32px,5vw,56px);height:clamp(32px,5vw,56px)}.footer-text,.footer-copyright{font-family:"Press Start 2P",monospace;color:var(--color-ink);font-size:clamp(.7rem,.65rem + .2vw,.85rem);margin:5px 0}.sprite-image,.project-window-image{display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;image-rendering:pixelated}.main-container{display:flex;width:100%;flex-direction:column;align-items:center;gap:2.5rem;padding-top:3rem;padding-bottom:3rem;background:var(--color-paper)}.div-expierence{margin:0;text-align:center}.company-information-container{width:var(--layout-page);margin-left:auto;margin-right:auto}.category-tabs,.company-tabs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.category-tabs{gap:clamp(.75rem,2vw,1.5rem);margin-bottom:clamp(1.5rem,3vw,2.5rem)}.company-tabs{margin-left:auto;margin-right:auto;margin-bottom:2rem;gap:1rem}.company-tab-btn{cursor:pointer;border-width:2px;padding:.5rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;background:var(--color-panel);border-color:var(--color-ink);box-shadow:3px 3px 0 var(--color-ink)}.company-tab-btn:hover{transform:translate3d(-1px,-1px,0);box-shadow:4px 4px 0 var(--color-ink)}.company-tab-btn.selected{transform:translate3d(3px,3px,0);box-shadow:1px 1px 0 var(--color-ink)}.company-tab-btn img{width:auto;height:clamp(48px,5vw,70px);image-rendering:pixelated}.timeline-container{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem}.timeline-task-wrapper{position:relative;margin-left:auto;margin-right:auto;width:100%;max-width:720px;border-width:2px;text-align:left;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:var(--color-panel);border-color:var(--color-ink);box-shadow:3px 3px 0 var(--color-ink);transform:translate3d(0,20px,0);transition-property:opacity,transform}.timeline-task-visible{opacity:1;transform:translateZ(0)}.task-visible{font-family:PT Mono,monospace;background:var(--color-paper-warm);color:var(--color-ink);font-size:clamp(.85rem,.8rem + .3vw,1rem);padding:clamp(1rem,2.5vw,1.5rem)}.control-btn,.control-btn-right{display:inline-flex;min-width:200px;cursor:pointer;align-items:center;justify-content:center;border-width:2px;font-family:"Press Start 2P",monospace;text-transform:uppercase;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;border-color:var(--color-ink);box-shadow:var(--shadow-pixel);color:var(--color-paper);font-size:clamp(.6rem,.55rem + .25vw,.8rem);padding:.75rem 1.5rem}.control-btn{background:var(--color-red)}.control-btn-right{background:var(--color-blue)}.control-btn:hover,.control-btn-right:hover{transform:translate3d(-1px,-1px,0);box-shadow:5px 5px 0 var(--color-ink)}.control-btn:active,.control-btn-right:active{transform:translate3d(2px,2px,0);box-shadow:2px 2px 0 var(--color-ink)}.project-title{margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:1rem;text-align:center;width:min(900px,calc(100% - 3rem));margin-bottom:clamp(2rem,4vw,3rem)}.tech-project-window-container{margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;gap:1rem;width:min(560px,calc(100% - 3rem));margin-bottom:clamp(1.5rem,3vw,2.5rem)}.window-outer-frame{display:flex;width:100%;flex-direction:column;gap:1rem;border-width:2px;padding:1rem;background:var(--color-panel);border-color:var(--color-ink);box-shadow:var(--shadow-pixel)}.window-control-options{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:.5rem}.window-control-options button{border-width:1px;font-family:"Press Start 2P",monospace;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;border-color:var(--color-ink);box-shadow:var(--shadow-pixel-sm);color:var(--color-ink);padding:.4rem}.window-control-options button:active{transform:translate3d(1px,1px,0);box-shadow:1px 1px 0 var(--color-ink)}.close{background:var(--color-window-close)}.minimise{background:var(--color-yellow)}.maximise{background:var(--color-grass)}.window-display-area{width:100%;background-color:transparent;aspect-ratio:4 / 3;perspective:1000px}.flip-card-inner{position:relative;height:100%;width:100%;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;transform-style:preserve-3d}.flip-card-inner.is-flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;backface-visibility:hidden}.flip-card-back{align-items:flex-start;justify-content:flex-start;gap:.75rem;padding:1rem;background:var(--color-cartridge-deep);color:var(--color-terminal);transform:rotateY(180deg)}.project-details-flip-card-back{margin:0;text-align:left;font-family:PT Mono,monospace;color:var(--color-terminal);font-size:clamp(.7rem,.65rem + .25vw,.9rem)}.window-bottom-button-bar{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem}.window-bottom-button-bar button{flex:1 1 0%;border-width:1px;padding:.75rem;font-family:"Press Start 2P",monospace;border-color:var(--color-ink);border-top-color:var(--color-paper);border-left-color:var(--color-paper);font-size:clamp(.6rem,.55rem + .2vw,.8rem)}.visit-site{background:var(--color-grass);color:var(--color-ink)}.github{background:var(--color-ink);color:var(--color-paper)}.flip-button{flex:none;background:var(--color-blue);color:var(--color-paper);width:auto}.projects-list,.projects-list-case{margin-left:auto;margin-right:auto;display:grid;justify-items:center;width:var(--layout-page);gap:clamp(1.5rem,3vw,2.5rem)}.projects-list-case{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.app-container{width:100%}.folder-container{position:relative;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;padding:1rem;width:min(420px,calc(100% - 2rem));min-height:360px;margin-top:2rem;margin-bottom:2rem;background:var(--color-ink);border-radius:.5rem}.folder-tab{position:absolute;top:-25px;left:1rem;width:5rem;height:2.5rem;background:var(--color-ink);border-top-left-radius:.5rem;border-top-right-radius:.5rem;image-rendering:pixelated}.document-container{position:absolute;z-index:10;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;inset:1rem;background:var(--color-paper-warm);border-radius:.375rem}.sticker-container{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem}.sticker{position:relative;z-index:10;width:100%;border-width:2px;padding:.75rem;background:var(--color-panel);border-color:var(--color-ink);border-radius:.125rem;box-shadow:0 0 0 4px var(--color-ink);image-rendering:pixelated}.read-more-link{width:100%}.pixel-text-black{font-family:PT Mono,monospace;color:var(--color-ink);font-size:clamp(.7rem,.65rem + .2vw,.85rem);margin:0 0 .5rem}.pixel-button{width:100%;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));background:var(--color-blue)}.heading-sticker{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.description-sticker{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}.pokedex-container,.contact-page-container{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:flex-start;font-family:"Press Start 2P",monospace;background-position:center;background-repeat:no-repeat;background-size:cover;min-height:100vh}.pokedex-container{background-image:url(/assets/dungeonGIFblogBG-DD-jEPFp.gif);gap:clamp(1.5rem,3vw,2.5rem);padding:clamp(2rem,4vw,3.5rem) 0}.blog-title-heading{margin-left:auto;margin-right:auto;text-align:center;width:min(900px,calc(100% - 3rem));margin-top:clamp(2rem,5vw,3rem);margin-bottom:1.5rem;padding:clamp(1.5rem,4vw,2.5rem);background:#17151cd1;border:4px solid var(--color-ink);box-shadow:var(--shadow-pixel)}.blog-title-heading h2,.blog-title-heading p{text-align:center;color:var(--color-paper)}.blog-title-heading p{margin-left:auto;margin-right:auto;margin-bottom:0}.pokedex-shell{margin-left:auto;margin-right:auto;display:grid;border-width:8px;width:var(--layout-page);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,2vw,1.5rem);padding:clamp(1rem,2.5vw,1.5rem);background:var(--color-red);border-color:var(--color-ink);border-radius:20px;box-shadow:10px 10px 0 var(--color-ink)}.pokedex-screen,.pokedex-controls{display:flex;flex-direction:column;border-width:4px;border-color:var(--color-ink);border-radius:12px;gap:clamp(.75rem,2vw,1.5rem);padding:clamp(1rem,2.5vw,1.5rem);box-shadow:inset 0 0 10px #000000b8}.pokedex-screen{justify-content:space-between;min-height:320px;background:var(--color-screen)}.pokedex-controls{background:var(--color-red-dark)}.screen-title{display:flex;align-items:center;justify-content:center;border-width:2px;text-align:center;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));min-height:90px;padding:.5rem;background:var(--color-blue);border-color:var(--color-ink);box-shadow:inset 0 0 5px #000000b8;font-size:clamp(.75rem,.7rem + .3vw,.95rem)}.screen-text-box{border-width:2px;background:var(--color-panel);border-color:var(--color-ink);box-shadow:inset 0 0 5px #00000073;color:var(--color-ink);font-size:clamp(.65rem,.6rem + .3vw,.85rem);line-height:1.6;padding:clamp(.75rem,2vw,1.25rem)}.screen-text-box p{text-align:center;line-height:1.5}.link-container{margin-top:auto;text-align:right}.pokedex-link,.list-item,.nav-button{border-width:2px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;background:var(--color-blue);border-color:var(--color-ink);box-shadow:var(--shadow-pixel-sm)}.pokedex-link{display:inline-block;cursor:pointer;font-family:"Press Start 2P",monospace;text-transform:uppercase;font-size:clamp(.6rem,.55rem + .2vw,.75rem);padding:.5rem 1rem}.pokedex-link:hover,.list-item:hover,.nav-button:hover{background:var(--color-blue-dark);transform:translate3d(-1px,-1px,0);box-shadow:3px 3px 0 var(--color-ink)}.pokedex-link:active,.nav-button:active{background:var(--color-blue-dark);transform:translate3d(1px,1px,0);box-shadow:1px 1px 0 var(--color-ink)}.controls-list-container{overflow-y:auto;border-width:2px;max-height:clamp(260px,40vh,360px);border-color:var(--color-ink);box-shadow:inset 0 0 5px #000000b8}.controls-list{margin:0;display:flex;list-style-type:none;flex-direction:column;gap:.5rem;padding:0}.list-item{position:relative;cursor:pointer;font-size:clamp(.6rem,.55rem + .2vw,.8rem);padding:.5rem 1rem}.list-item.selected{background:var(--color-blue-dark);transform:translate3d(2px,2px,0);box-shadow:0 0 0 var(--color-ink)}.navigation-buttons{margin-top:1rem;display:flex;justify-content:center;gap:1.5rem}.nav-button{display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:9999px;font-size:1.4rem}.contact-page-container{background-image:url(/assets/eightBit-BProgkUd.jpg);gap:clamp(1.5rem,3vw,2.5rem);padding:clamp(2.5rem,6vw,4rem) 1rem;text-align:center}.trainer-card{margin-left:auto;margin-right:auto;display:flex;flex-direction:column;border-width:2px;width:min(520px,100%);animation:boot .42s steps(5,end) both;background:var(--color-panel);border-color:var(--color-ink);box-shadow:var(--shadow-pixel);gap:clamp(1rem,2.5vw,1.5rem);padding:clamp(1.75rem,4vw,2.5rem)}.trainer-card h1{color:var(--color-red);font-size:clamp(1.2rem,1rem + .8vw,1.6rem);margin:0;text-shadow:2px 2px 0 var(--color-ink)}.trainer-card p{color:var(--color-ink);font-size:clamp(.7rem,.65rem + .2vw,.9rem);line-height:1.6;margin:0}.trainer-photo{margin-left:auto;margin-right:auto;width:clamp(72px,12vw,96px);height:clamp(72px,12vw,96px)}.contact-form{display:flex;flex-direction:column;text-align:left;gap:clamp(.75rem,2vw,1.25rem)}.contact-form label{font-family:"Press Start 2P",monospace;color:var(--color-muted);font-size:clamp(.65rem,.6rem + .2vw,.85rem)}.contact-form input,.contact-form textarea{border-width:2px;font-family:PT Mono,monospace;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;background:var(--color-panel);border-color:var(--color-ink);box-shadow:var(--shadow-pixel-sm);color:var(--color-ink);font-size:clamp(.65rem,.6rem + .2vw,.85rem);padding:.75rem}.contact-form input:focus,.contact-form textarea:focus{box-shadow:3px 3px 0 var(--color-ink);outline:none}.contact-form button{margin-top:.5rem;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;align-self:flex-start;border-width:2px;font-family:"Press Start 2P",monospace;text-transform:uppercase;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;background:var(--color-red);border-color:var(--color-ink);box-shadow:var(--shadow-pixel);color:var(--color-paper);font-size:clamp(.65rem,.6rem + .2vw,.85rem);padding:.75rem 1.5rem}.contact-form button:hover{background:var(--color-red-dark);transform:translate3d(-1px,-1px,0);box-shadow:5px 5px 0 var(--color-ink)}.contact-form button:active{transform:translate3d(2px,2px,0);box-shadow:2px 2px 0 var(--color-ink)}.visible{visibility:visible}.block{display:block}.list-item{display:list-item}@media (max-width: 1024px){:root{--layout-page: min(920px, calc(100% - 2.5rem) )}.tech-project-window-container{width:min(520px,calc(100% - 2.5rem))}}@media (max-width: 768px){:root{--layout-page: calc(100% - 2rem) }.retro-header.open{flex-direction:column;align-items:center;justify-content:center}.retro-button,.ButtonDiv{width:100%}.ImageDiv{max-width:320px}.dialogue-button{align-self:stretch}.main-container,.ParentDiv,.pokedex-container{padding-top:2rem;padding-bottom:2rem}.professor-sprite{aspect-ratio:1 / 1;max-width:180px}.company-information-container,.timeline-task-wrapper,.trainer-card{max-width:100%}.task-visible{font-size:.85rem;padding:1rem}.control-btn,.control-btn-right{width:100%;min-width:0px;max-width:320px}.projects-list-case{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.window-bottom-button-bar{flex-direction:column}.window-bottom-button-bar button{width:100%}.pokedex-shell{border-width:4px;grid-template-columns:1fr;box-shadow:6px 6px 0 var(--color-ink)}.pokedex-screen,.pokedex-controls{min-height:auto}.controls-list-container{max-height:220px}.contact-page-container{padding:2.5rem 1rem}.contact-form button{width:100%;align-self:center}}@media (max-width: 480px){:root{--layout-page: calc(100% - 1.5rem) }.retro-button,.dialogue-button,.pixel-button{font-size:.68rem;padding:.6rem .75rem}.pixel-icon{width:40px;height:40px}.category-tabs,.tabs-container{gap:.5rem}.control-btn,.control-btn-right{font-size:.65rem}.folder-container{width:calc(100% - 1.5rem);min-height:320px;margin-top:1.25rem;margin-bottom:1.25rem}.sticker-container{gap:.75rem;padding:.5rem}.sticker{padding:.6rem}.blog-title-heading{width:var(--layout-page);padding:1.5rem}.pokedex-link{width:100%;text-align:center}.trainer-card{padding:1.5rem}.contact-page-container{padding:2rem .75rem}.contact-form input,.contact-form textarea{padding:.6rem}}@media (max-width: 420px){.projects-list-case{width:100%;grid-template-columns:1fr}}