body{scrollbar-width:none;background-color:#0d0d0d;background-image:url(/AboutWallpaper.jpg);background-repeat:repeat;background-size:20vh 20vw;background-attachment:fixed;height:100%;margin:0;padding:0}html::-webkit-scrollbar{display:none}h1,h2,h3{font-family:Pixelscapes,sans-serif}.App{text-align:center;overflow:hidden}.spin-cw{animation:6s linear infinite spinClockwise}.spin-ccw{animation:6s linear infinite spinCounterClockwise}.icon{width:4rem;height:4rem;image-rendering:pixelated;padding:1rem;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes spinClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinCounterClockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (prefers-reduced-motion){.hidden{transition:none}}.nav{color:#f5d9a6;z-index:1000;justify-content:space-between;align-items:stretch;padding:1rem 2rem;font-family:Pixelscapes,serif;font-size:1.25rem;display:flex;top:0}.nav a{color:#f5d9a6;font-weight:500;text-decoration:none;transition:color .3s}.nav a:hover{color:#ffea63}.nav a.active{background-color:#0000004d;border-radius:.25rem}.email-link{color:#f5d9a6;font-size:1.5rem;text-decoration:none;transition:color .3s}.email-link:hover{color:#ffea63;text-decoration:underline}.timezone-info{margin-bottom:.5rem;font-size:1rem}.time-display{margin-top:.5rem;font-size:1.5rem;font-weight:700}.about-text{word-wrap:break-word;overflow-wrap:break-word;background-color:#0000004d;border:.0625rem solid #f5d9a6;border-radius:1rem;inline-size:50vw;margin:.5rem;padding:.5rem}@media (max-width:768px){.about-text{max-width:90%;margin:.5rem auto;padding:.75rem}}@media (max-width:480px){.about-text{max-width:95%;padding:.5rem}}.About{color:#f5d9a6;font-size:2rem;font-weight:700;text-decoration:none;transition:color .3s}.aboutsection p{color:#333;margin:0 1rem;font-size:1rem;display:inline-block}.main-photo{border-radius:1rem;width:340px;height:auto}.content-container{text-align:center;color:#f5d9a6;background:0 0;border:2px solid #f5d9a666;border-radius:1rem;max-width:75vw;margin:40px auto;padding:20px 30px;font-family:Pixelscapes,serif;animation:1s ease-out forwards fadeInUp;box-shadow:0 0 0 2px #f5d9a64d,0 8px 32px #000c,inset 0 0 20px #f5d9a60d}.content-container.about{flex-direction:column;justify-content:center;align-items:center;display:flex}.blog-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.blog-link{color:#f5d9a6}.blog-link:hover{color:#ffea63}.blog-element{inline-size:50rem;margin:.5rem;display:flex}.code-block{color:#ddd;image-rendering:pixelated;word-wrap:break-word;white-space:pre-wrap;background:#222;border:2px solid #555;border-radius:1rem;max-width:100%;padding:1rem;font-family:"Press Start 2P",monospace;font-size:.75rem;overflow-x:auto}@media (max-width:768px){.code-block{padding:.75rem;font-size:.75rem}}@media (max-width:480px){.code-block{border-radius:1rem;padding:.5rem;font-size:.5rem}}.code-container{max-width:100%;margin:1rem 0;overflow-x:auto}@media (max-width:768px){.code-container{margin:.75rem 0}}@media (max-width:480px){.code-container{margin:.5rem 0}}.github-icon{cursor:pointer;inset-inline:6rem}@font-face{font-family:Pixelscapes;src:url(/fonts/Pixelscapes.ttf)}@keyframes slideUpFromFloor{0%{opacity:0;transform:translateY(300px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes appear{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes spin{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}@media (max-width:768px){.nav{flex-direction:column;align-items:center;gap:1rem}.nav ul{text-align:center;grid-template-columns:repeat(2,1fr);gap:.8rem;width:100%;max-width:300px;margin:0;padding:0;list-style:none}.nav ul li{justify-content:center;align-items:center;display:flex}.nav ul a{background-color:#0000004d;border-radius:1rem;width:100%;padding:10px 0;display:block}.nav ul a.active{background-color:#00000080;font-weight:700}.nav>a{order:-1;margin-bottom:.5rem;font-size:1.5rem}}@media (max-width:480px){.about-container{max-width:95vw;margin:15px auto}.about-container h1{font-size:1.5rem}.about-container h2{font-size:1.2rem}.about-container h3{font-size:1rem}.blog-container{flex-direction:column;max-width:95vw;display:flex;overflow-x:hidden}.blog-element{box-sizing:border-box;flex-direction:column;align-items:flex-start;block-size:auto;inline-size:100%;display:flex}.about-container-contact{margin:15px auto;padding:12px 15px}}.icon-large{width:80px;height:80px}@layer base{@apply border-border;@apply bg-background text-foreground;}