*{box-sizing:border-box}html,body,#root,:root{height:100%;min-height:100%;width:100%;margin:0;padding:0;background:var(--black);font-size:var(--font-size-base);color:var(--white)}*{-webkit-tap-highlight-color:transparent}@font-face{font-family:Retro Gaming;src:url(/fonts/retro-gaming.ttf) format("truetype");font-display:swap}body{font-family:Retro Gaming,monaco,Consolas,Lucida Console,monospace,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.05rem}:root{--white: #ffffff;--black: #000000;--primary-color: #008fd6;--secondary-color: #999999;--computer-color: #00ff00;--computer-off-color: #ff0000;--casing-color: #c0c0c0;--edge-color: var(--black);--screen-color: #404040;--screen-off-color: var(--black);--background-color: var(--black);--surface-color: #1a1a1a;--harmonikey-background: #f5f0e6;--harmonikey-color: #0f172a;--harmonikey-accent: #dc2626;--samaritans-background: #b1cdbd;--samaritans-color: #2a4f55;--tic-stat-toe-background: #770693;--tic-stat-toe-color: #09d3ac;--header-height: 48px;--font-size-base: 1rem;--font-size-x-small: .75rem;--font-size-small: .875rem;--font-size-large: 2rem;--font-size-x-large: 2.25rem;--spacing-unit: 1rem;--spacing-small: .5rem;--spacing-large: 2rem;--spacing-x-large: 2.5rem;--box-shadow: 1px 2px 8px rgba(0, 0, 0, .2)}ul,ol{list-style:none;padding:0;margin:0}a{text-decoration:none;color:var(--white);display:inline-block}a:focus{color:var(--white)}a:hover,a:active{text-decoration:underline;color:var(--primary-color)}a:hover{transform:scale(1.03);transition:transform .3s ease-in-out}p{line-height:1.5}h1,h2{color:var(--primary-color);margin:var(--spacing-unit) 0;line-height:1.2}h1{font-size:var(--font-size-x-large)}h2{font-size:var(--font-size-large)}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.gallery-container{position:relative}.gallery{cursor:pointer}.gallery:hover{transform:scale(1.03);transition:transform .3s ease-in-out}.gallery img{width:100%;box-shadow:var(--box-shadow)}.gallery.opened img{display:none}.gallery-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1000}.gallery-overlay .gallery-image{max-width:86%;height:calc(100% - 96px);transition:transform .5s ease}.gallery-overlay .gallery-image.desktop{height:auto}.gallery-button{color:var(--white);background:transparent;opacity:1;font-size:var(--font-size-large);border:none;width:var(--spacing-unit);height:var(--spacing-large);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:opacity .2s}.gallery-button:hover{opacity:.6}.gallery-button:disabled{opacity:.2;cursor:not-allowed}.close-button{position:absolute;top:var(--spacing-unit);right:var(--spacing-unit)}.prev-button{position:absolute;top:50%;left:var(--spacing-small);transform:translateY(-50%)}.next-button{position:absolute;top:50%;right:var(--spacing-small);transform:translateY(-50%)}@media (min-width: 768px){.gallery-button{font-size:var(--font-size-large)}.close-button{top:var(--spacing-large);right:var(--spacing-large)}.next-button{right:var(--spacing-large)}.prev-button{left:var(--spacing-large)}}.image-indicators{position:absolute;bottom:24px;display:flex;gap:5px}.indicator{width:10px;height:10px;border-radius:50%;background:var(--white);opacity:.2}.indicator.active{opacity:1}.retro-computer-container{max-width:320px;aspect-ratio:1 / 1;background-color:var(--surface-color);border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;padding-top:56px;margin:32px 0}@media (max-height: 640px){.retro-computer-container{max-width:272px;padding-top:40px;margin:16px 0}}.typewriter p{color:var(--computer-color);font-family:monospace;font-size:var(--font-size-small);overflow:hidden;border-right:.15em solid var(--computer-color);white-space:nowrap;margin:0 auto;letter-spacing:.15em;animation:typing 5s steps(24,end) infinite,blink-caret 1s step-end infinite}@media (max-height: 640px){.typewriter p{font-size:var(--font-size-x-small)}}@keyframes typing{0%{width:0}50%{width:100%}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:green}}.skeleton-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10}.skeleton-circle{width:100%;height:100%;border-radius:50%;background:var(--background-color);animation:blink 1.5s infinite}@keyframes blink{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.center{display:flex;justify-content:center;align-items:center;text-align:center}.app-content{display:flex;flex-direction:column;padding-top:var(--header-height);height:100%;overflow-y:auto}.highlight{color:var(--primary-color);font-size:calc(var(--font-size-large) - 8px)}.highlight .divider{color:var(--white)}.cta{font-size:var(--font-size-small)}.cta a{color:var(--primary-color)}.about-container{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:var(--spacing-unit)}.about-content{max-width:430px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 430px){.about-content{max-width:480px}}@media (min-width: 789px){.about-content{max-width:720px}nav.center{justify-content:flex-end}}nav{height:var(--header-height);background:var(--surface-color);position:fixed;top:0;left:0;right:0;z-index:100}.nav-item{height:100%;margin:0 var(--spacing-unit)}.nav-item a{text-decoration:none}.nav-item a:hover{transform:scale(1.05);transition:transform .3s ease-in-out}.nav-item.selected{border-bottom:solid 4px var(--primary-color)}.icons{padding:var(--spacing-small) var(--spacing-unit);color:var(--primary-color)}.icons:hover i,.icons:focus i{color:var(--white);transform:scale(1.05);transition:transform .3s ease-in-out}.contact-details{margin-bottom:var(--spacing-unit)}.social-networks{font-size:var(--font-size-x-large);padding:0 var(--spacing-small)}.icons.contacts{font-size:calc(1.25 * var(--font-size-base))}b{color:var(--white)}.projects-view{height:100%;width:100%;background:var(--white);color:var(--black)}.projects-view a{color:var(--primary-color)}.projects-view .soundid,.onemore,.repo{background:var(--white);color:var(--black)}.project-content{padding:var(--spacing-x-large) var(--spacing-large);flex-direction:column}.content{flex-direction:column;padding:var(--spacing-unit);font-size:var(--font-size-base);line-height:20px;width:100%}.video-container{display:flex;position:relative;width:100%;max-width:960px;max-height:540px;overflow:hidden;margin:0 auto;padding:var(--spacing-unit) 0;box-shadow:var(--box-shadow)}.video-container video{width:100%;height:auto}.corsair,.samaritans{color:var(--white);background:var(--black);flex-direction:column-reverse}.harmonikey,.onemore,.tic-stat-toe{color:var(--black);flex-direction:row}@media (min-width: 1048px){.corsair{flex-direction:row}}@media (min-width: 768px){.samaritans{flex-direction:row}.content{padding:var(--spacing-large)}}@media (max-width: 768px){.harmonikey,.onemore,.tic-stat-toe{flex-direction:column}}.harmonikey{background:var(--harmonikey-background);color:var(--harmonikey-color)}.harmonikey h2{color:var(--harmonikey-color)}.harmonikey a{color:var(--harmonikey-accent)}.harmonikey a:hover{color:var(--harmonikey-accent);text-decoration:underline}.samaritans{background:var(--samaritans-background);color:var(--samaritans-color)}.samaritans h2{color:var(--samaritans-color)}.tic-stat-toe{background:var(--tic-stat-toe-background);color:var(--tic-stat-toe-color)}.tic-stat-toe h2{color:var(--tic-stat-toe-color)}.project-title{font-size:var(--font-size-x-large);font-weight:700;margin:0}.project-logo.corsair{margin-bottom:-16px}.project-logo.onemore{margin-bottom:var(--spacing-unit)}.project-logo.harmonikey img{max-width:300px;height:auto}@media (max-width: 768px){.project-logo.harmonikey img{max-width:250px}}.project-description{max-width:640px}.repo-content{max-width:420px;margin:auto;text-align:center;padding:var(--spacing-large) var(--spacing-unit)}