body{margin:0;font-family:-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{position:relative;width:100%;height:100vh;overflow:hidden}.app>*{position:relative;z-index:2}.glass-effect.rainbow-glass{background:linear-gradient(135deg,#e403031a,#ff8c001a,#ffed001a,#0080181a,#0066ff1a,#7329821a,#e403031a);border:1px solid rgba(255,255,255,.4)}.glass-effect-hover.rainbow-glass:hover{background:linear-gradient(135deg,#e4030326,#ff8c0026,#ffed0026,#00801826,#0066ff26,#73298226,#e4030326);transform:scale(1.05)}.glass-effect-button{background-color:#0000004d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.glass-effect-button.rainbow-glass{background:linear-gradient(135deg,#e4030333,#ff8c0033,#ffed0033,#00801833,#06f3,#73298233,#e4030333)}.glass-effect-button:hover{background-color:#00000080}.glass-effect-button.rainbow-glass:hover{background:linear-gradient(135deg,#e403034d,#ff8c004d,#ffed004d,#0080184d,#0066ff4d,#7329824d,#e403034d)}.font-rubik{font-family:Rubik,sans-serif;font-optical-sizing:auto;font-style:normal}.font-karla{font-family:Karla,sans-serif;font-optical-sizing:auto;font-style:normal}.about-me{text-align:center;min-height:95vh;display:flex;flex-direction:column;align-items:center;justify-content:start;font-size:calc(10px + 2vmin);color:#fff;padding-top:5vh;padding-left:50px;padding-right:50px;padding-bottom:150px}.about-me-greeting{white-space:nowrap}.name-break{display:inline}.about-me-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1;transition:opacity .5s ease-in-out}.about-me-overlay.minimized{opacity:0}.about-me-container{position:relative;z-index:2;transition:transform .5s ease-in-out;transform:translateY(0)}.about-me-container.minimized{transform:translateY(100vh)}.minimize-button{position:fixed;top:20px;right:20px;border:none;border-radius:50%;width:50px;height:50px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:10;-webkit-tap-highlight-color:transparent}.minimize-button.minimized{top:auto;bottom:20px;right:20px}.glass-effect{background:linear-gradient(135deg,#ffffff26,#ffffff0d);backdrop-filter:blur(18px) saturate(200%);-webkit-backdrop-filter:blur(18px) saturate(200%);box-shadow:0 8px 32px #00000059,0 2px 8px #0003,0 1.5px 4px #ffffff14 inset;border:1px solid rgba(255,255,255,.25)}.glass-effect-hover:hover{background:#fff3;transform:scale(1.05)}.App-link{color:#61dafb}@media(max-width:600px){.about-me{padding-bottom:180px;padding-left:25px;padding-right:25px}.about-me-greeting{white-space:normal}.name-break{display:block}}.background-slideshow{position:absolute;position:fixed;top:-20px;left:-20px;width:calc(100vw + 40px);height:calc(100vh + 40px);background-size:cover;background-repeat:no-repeat;background-color:#282c34;background-position:center;transition:background-image 1s ease-in-out,transform .1s ease-out;z-index:0;pointer-events:none;will-change:transform}.controls-bottom-container{position:fixed;bottom:20px;left:0;width:100vw;display:flex;flex-direction:column;align-items:center;z-index:10;pointer-events:auto;gap:10px}.slideshow-controls-container{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 25px;border-radius:24px;background:#00000040;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1);max-width:90vw;width:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.slideshow-controls-container.minimized{padding:6px 16px;gap:0;background:#00000040}.slideshow-controls-container.minimized .slideshow-image-description{margin-bottom:0;font-size:.9rem}.slideshow-controls-container.expanded{transform:translateY(-5px);background:#0000004d;box-shadow:0 10px 30px #0000004d}.slideshow-controls-container.rainbow-glass{background:linear-gradient(135deg,#ff000026,#ffa50026,#ffff0026,#00800026,#0000ff26,#4b008226,#ee82ee26);border:1px solid rgba(255,255,255,.2)}.slideshow-controls-container.rainbow-glass:hover,.slideshow-controls-container.rainbow-glass.expanded{background:linear-gradient(135deg,#ff000040,#ffa50040,#ffff0040,#00800040,#0000ff40,#4b008240,#ee82ee40);box-shadow:0 8px 32px #1f26875e}.slideshow-image-description{color:#ffffffe6;font-size:1rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all .3s ease;-webkit-user-select:none;user-select:none;margin:0;width:100%}.slideshow-controls{display:flex;align-items:center;gap:20px;opacity:0;max-height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.slideshow-controls.visible{opacity:1;max-height:70px;margin-top:10px;overflow:visible}.slideshow-controls.hidden{margin-top:0}.slideshow-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .2s ease;font-size:1rem}.slideshow-button:hover{background:#ffffff40;transform:scale(1.1)}.slideshow-button:active{transform:scale(.95)}.slideshow-button.play-pause-button{width:48px;height:48px;font-size:1.2rem;background:#ffffff26}.slideshow-button.play-pause-button:hover{background:#ffffff4d}@media(max-width:768px){.slideshow-controls-container{padding:10px 20px;max-width:80vw}.slideshow-controls-container.minimized{padding:8px 16px}.slideshow-image-description{font-size:.9rem;white-space:normal}}.slideshow-progress-bar-container{position:fixed;bottom:0;left:0;width:100%;height:5px;background-color:#c8c8c826;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:9}.slideshow-progress-bar{height:100%;background-color:#ffffff4d}.slideshow-progress-bar.pride-gradient{position:relative;background:none;overflow:hidden}.slideshow-progress-bar.pride-gradient:before{content:"";position:absolute;top:0;left:0;width:100vw;height:100%;background:linear-gradient(90deg,#e40303,#ff8c00,#ffed00,#008018,#06f,#732982,#000,#8b4513,#fff 88%,#55cdfc,#f7a8b8)}.slideshow-progress-bar.candy-cane{position:relative;background:none;overflow:hidden}.slideshow-progress-bar.candy-cane:before{content:"";position:absolute;top:0;left:0;width:100vw;height:100%;background:repeating-linear-gradient(45deg,#dc143c 0px 10px,#fff 10px 20px)}.gyroscope-permission-button{position:flex;border-radius:24px;padding:12px 24px;color:#fff;cursor:pointer;font-size:14px;z-index:15}.gyroscope-debug-overlay{position:fixed;top:20px;right:80px;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;padding:8px 12px;color:#fff;font-size:12px;z-index:15;font-family:monospace;line-height:1.4}@media(max-height:650px){.controls-bottom-container{display:none}}.menu-button{position:fixed;top:20px;left:20px;z-index:1000;color:#fff;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;border-radius:10px;opacity:0;transition:opacity .3s ease-in-out;-webkit-tap-highlight-color:transparent}.menu-button.visible{opacity:1}.slide-out-menu{position:fixed;top:0;left:-205px;width:200px;height:calc(100dvh - 55px);background-color:#0009;border-top-right-radius:32px;border-bottom-right-radius:32px;border-left:0px;transition:left .3s ease-in-out,height .1s ease-in-out;z-index:999;padding-top:15px;display:flex;flex-direction:column;align-items:center;margin-top:20px;margin-bottom:20px}.menu-header{color:#fff;font-size:18px;font-weight:700;margin-top:0;margin-bottom:5px;padding:5px 20px;width:100%;text-align:left;box-sizing:border-box}.slide-out-menu.open{left:0}.slide-out-menu a{padding:15px 20px;text-decoration:none;color:#fff;display:flex;align-items:center;gap:10px;width:100%;text-align:left;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.slide-out-menu a svg{font-size:20px}.slide-out-menu a:hover{background-color:#ffffff1a}.pride-button{margin:auto 20px 20px;padding:12px;border:none;border-radius:20px;background:linear-gradient(135deg,#ffffff40,#ffffff26);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:40px;width:calc(100% - 40px);box-sizing:border-box;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);-webkit-tap-highlight-color:transparent}.pride-button:hover,.pride-button:active{background:linear-gradient(60deg,#e40303cc,#ff8c00cc,#ffed00cc,#008018cc,#06fc 40%,#732982cc 60%,#55cdfccc,#f7a8b8cc 86%,#fffc);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:scale(1.02);box-shadow:0 4px 20px #ffffff4d}.normal-button{margin:auto 20px 20px;padding:12px;border:none;border-radius:20px;background:linear-gradient(135deg,#ffffff40,#ffffff26);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:40px;width:calc(100% - 40px);box-sizing:border-box;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);-webkit-tap-highlight-color:transparent}.normal-button:hover,.normal-button:active{background:linear-gradient(135deg,#ffffff59,#ffffff40);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:scale(1.02);box-shadow:0 4px 20px #ffffff4d}.theme-switcher-container{position:fixed;bottom:20px;left:20px;z-index:900;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:10px}.theme-switcher-button{width:45px;height:45px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:linear-gradient(135deg,#ffffff40,#ffffff26);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:20px;-webkit-tap-highlight-color:transparent}.theme-switcher-button:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);transform:scale(1.05);box-shadow:0 4px 20px #ffffff4d}.theme-menu{background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;min-width:150px;animation:slideUp .2s ease-out;border:1px solid rgba(255,255,255,.1)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.theme-option{background:transparent;border:none;color:#fffc;padding:8px 12px;text-align:left;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:14px}.theme-option:hover{background:#ffffff1a;color:#fff}.theme-option.active{background:#fff3;color:#fff;font-weight:700}.rainbow-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1;opacity:.4;overflow:hidden}.rainbow-svg{width:100%;height:100%}@media(max-width:768px){.rainbow-overlay{opacity:.3}}@media(max-height:650px){.rainbow-overlay{opacity:.25}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:500}.waving-flags-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.waving-flag{position:absolute;opacity:0;pointer-events:none;animation:slideInAndWave .8s ease-out forwards}.waving-flag__image{width:150px;height:auto;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));animation:wave 2s ease-in-out infinite;animation-delay:var(--wave-delay, 0s);transform-origin:left center}.waving-flag--bottom{bottom:-30px;transform:translate(-50%)}.waving-flag--left{left:-30px;top:50%;transform:translateY(-50%) rotate(70deg);transform-origin:center center}.waving-flag--right{right:-30px;top:50%;transform:translateY(-50%) rotate(-70deg) scaleX(-1);transform-origin:center center}.waving-flag--left .waving-flag__image,.waving-flag--right .waving-flag__image{width:115px}@keyframes slideInAndWave{0%{transform:translate(-50%) translateY(150px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.waving-flag--left{animation:slideInFromLeft .8s ease-out forwards}@keyframes slideInFromLeft{0%{transform:translateY(-50%) rotate(70deg) translate(-150px);opacity:0}to{transform:translateY(-50%) rotate(70deg) translate(0);opacity:1}}.waving-flag--right{animation:slideInFromRight .8s ease-out forwards}@keyframes slideInFromRight{0%{transform:translateY(-50%) rotate(-70deg) scaleX(-1) translate(150px);opacity:0}to{transform:translateY(-50%) rotate(-70deg) scaleX(-1) translate(0);opacity:1}}@keyframes wave{0%,to{transform:rotate(0) scaleX(1)}25%{transform:rotate(2deg) scaleX(1.05)}50%{transform:rotate(0) scaleX(1)}75%{transform:rotate(-2deg) scaleX(1.05)}}@media(max-width:767px){.waving-flag__image{width:135px}.waving-flag--left .waving-flag__image,.waving-flag--right .waving-flag__image{width:105px}.waving-flag--left{left:-25px}.waving-flag--right{right:-25px}.waving-flag--bottom{bottom:-25px}}@media(min-width:1200px){.waving-flag__image{width:200px}.waving-flag--left .waving-flag__image,.waving-flag--right .waving-flag__image{width:150px}}@media(max-width:767px){.waving-flag--bottom{bottom:-25px}}@media(prefers-reduced-motion:reduce){.waving-flag__image{animation:none}.waving-flag{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;overflow:hidden}.snowflake{position:absolute;top:-10px;background:#fff;border-radius:50%;animation:snowfall linear infinite;will-change:transform}@keyframes snowfall{0%{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(25vh) translate(10px) rotate(90deg)}50%{transform:translateY(50vh) translate(-10px) rotate(180deg)}75%{transform:translateY(75vh) translate(10px) rotate(270deg)}to{transform:translateY(100vh) translate(0) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.snowflake{animation:snowfall-simple linear infinite}@keyframes snowfall-simple{0%{transform:translateY(0)}to{transform:translateY(100vh)}}}.christmas-lights-container{position:fixed;top:0;left:0;width:100%;height:60px;pointer-events:none;z-index:150;overflow:visible;opacity:.7}.christmas-lights-wire{position:absolute;top:0;left:0;width:100%;height:20px}.christmas-lights{position:relative;width:100%;height:100%}.light-bulb{position:absolute;top:8px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.bulb{width:12px;height:16px;border-radius:40% 40% 50% 50%;position:relative;z-index:2;box-shadow:inset 0 -2px 4px #0000004d}.bulb:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:6px;height:4px;background:#444;border-radius:2px}.glow{position:absolute;top:2px;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;opacity:0;animation:glow-pulse 2s ease-in-out infinite;z-index:1}@keyframes glow-pulse{0%,to{opacity:.4;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.2)}}@media(prefers-reduced-motion:reduce){.glow{animation:none;opacity:.5}}@media(max-width:600px){.bulb{width:10px;height:14px}.glow{width:16px;height:16px}}.christmas-decor-container{position:fixed;bottom:0;left:0;width:100%;height:200px;pointer-events:none;z-index:5;overflow:hidden}.decor-group{position:absolute;bottom:0;display:flex;align-items:flex-end;gap:10px}.decor-left{left:20px}.decor-right{right:20px}.tree{opacity:.7;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:opacity .3s ease}.tree-large{width:100px;height:120px}.tree-medium{width:70px;height:84px}@keyframes gentle-sway{0%,to{transform:rotate(0)}50%{transform:rotate(1deg)}}.tree{animation:gentle-sway 4s ease-in-out infinite;transform-origin:bottom center}.tree:nth-child(2){animation-delay:1s}@media(prefers-reduced-motion:reduce){.tree{animation:none}}@media(max-width:900px){.christmas-decor-container{height:150px}.tree-large{width:80px;height:96px}.tree-medium{width:60px;height:72px}.decor-left{left:10px}.decor-right{right:10px}}@media(max-width:600px){.christmas-decor-container{height:120px}.tree-large{width:60px;height:72px}.tree-medium{width:50px;height:60px}.decor-group{gap:5px}}.autumn-leaves-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.leaf{position:absolute;top:-30px;border-radius:50% 0;animation:leaffall linear infinite;will-change:transform}.leaf-shape-0{border-radius:50% 0}.leaf-shape-1{border-radius:0 50%}.leaf-shape-2{border-radius:50% 50% 0}@keyframes leaffall{0%{transform:translateY(0) translate(0) rotate(0)}15%{transform:translateY(15vh) translate(-30px) rotate(54deg)}30%{transform:translateY(30vh) translate(20px) rotate(108deg)}45%{transform:translateY(45vh) translate(-40px) rotate(162deg)}60%{transform:translateY(60vh) translate(30px) rotate(216deg)}75%{transform:translateY(75vh) translate(-20px) rotate(270deg)}90%{transform:translateY(90vh) translate(10px) rotate(324deg)}to{transform:translateY(105vh) translate(0) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.leaf{animation:leaffall-simple linear infinite}@keyframes leaffall-simple{0%{transform:translateY(0)}to{transform:translateY(105vh)}}}.pumpkins-container{position:fixed;bottom:0;left:0;width:100%;height:150px;pointer-events:none;z-index:5;overflow:hidden}.pumpkin-group{position:absolute;bottom:0;display:flex;align-items:flex-end;gap:15px}.pumpkin-left{left:20px}.pumpkin-right{right:20px}.pumpkin{opacity:.85;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:opacity .3s ease}.pumpkin-large{width:90px;height:90px}.pumpkin-medium{width:65px;height:65px}@keyframes gentle-sway{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}.pumpkin{animation:gentle-sway 5s ease-in-out infinite;transform-origin:bottom center}.pumpkin:nth-child(2){animation-delay:1.5s}@media(max-width:900px){.pumpkins-container{height:120px}.pumpkin-large{width:70px;height:70px}.pumpkin-medium{width:50px;height:50px}.pumpkin-left{left:10px}.pumpkin-right{right:10px}.pumpkin-group{gap:10px}}@media(max-width:600px){.pumpkins-container{height:100px}.pumpkin-large{width:55px;height:55px}.pumpkin-medium{width:40px;height:40px}.pumpkin-group{gap:8px}}@media(prefers-reduced-motion:reduce){.pumpkin{animation:none}}.spooky-candles{position:fixed;bottom:0;left:0;right:0;height:150px;display:flex;justify-content:space-around;align-items:flex-end;padding:0 5%;pointer-events:none;z-index:4}.candle{position:relative;display:flex;flex-direction:column;align-items:center}.wax{width:30px;height:80px;background:linear-gradient(to bottom,#8b4513,#654321);border-radius:5px 5px 2px 2px;position:relative;box-shadow:0 2px 10px #0000004d}.candle-1 .wax{height:75px}.candle-2 .wax{height:85px}.candle-3 .wax{height:70px}.candle-4 .wax{height:80px}.candle-5 .wax{height:78px}.wick{width:2px;height:8px;background:#2c1810;margin-bottom:-2px;z-index:1}.flame{width:20px;height:25px;background:radial-gradient(ellipse at center,#fff,#fa0 20%,#f60,#f40);border-radius:50%/60% 60% 40% 40%;box-shadow:0 0 10px #f60,0 0 20px #f60,0 0 30px #f40,0 0 40px #ff660080;animation:flicker 2s infinite;margin-bottom:-3px;z-index:2}.candle-1 .flame{animation-delay:0s}.candle-2 .flame{animation-delay:.3s}.candle-3 .flame{animation-delay:.6s}.candle-4 .flame{animation-delay:.9s}.candle-5 .flame{animation-delay:1.2s}@keyframes flicker{0%,to{transform:scale(1) translateY(0);opacity:1}25%{transform:scale(.95,1.05) translateY(-2px);opacity:.9}50%{transform:scale(1.05,.95) translateY(1px);opacity:.95}75%{transform:scale(.98,1.02) translateY(-1px);opacity:.92}}@media(max-width:767px){.spooky-candles{height:100px;padding:0 2%}.wax{width:20px;height:60px}.flame{width:15px;height:20px}.wick{height:6px}}@media(prefers-reduced-motion:reduce){.flame{animation:none}}.cobweb{position:fixed;top:0;width:200px;height:200px;pointer-events:none;z-index:5;opacity:.6;filter:drop-shadow(0 0 3px rgba(255,255,255,.3))}.cobweb-left{left:0}.cobweb-right{right:0}@media(max-width:767px){.cobweb{width:120px;height:120px}}@media(max-width:480px){.cobweb{width:80px;height:80px}}.floating-ghost{position:fixed;width:80px;height:100px;pointer-events:none;z-index:0;filter:drop-shadow(0 0 10px rgba(255,255,255,.5));opacity:.8}.floating-ghost svg{width:100%;height:100%}.ghost-body{animation:bob 3s ease-in-out infinite}.floating-ghost-left{left:-100px;animation:floatLeftToRight 12s linear forwards}.floating-ghost-right{right:-100px;animation:floatRightToLeft 12s linear forwards;transform:scaleX(-1)}@keyframes floatLeftToRight{0%{left:-100px}to{left:calc(100% + 100px)}}@keyframes floatRightToLeft{0%{right:-100px}to{right:calc(100% + 100px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}@media(max-width:767px){.floating-ghost{width:60px;height:75px}}@media(prefers-reduced-motion:reduce){.floating-ghost-left,.floating-ghost-right{animation:none;display:none}.ghost-body{animation:none}}