*,:root{color-scheme:light only}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#2d9dff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.project-container a:hover{color:orange}.container{background:#2d9dff;font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:0}.header{align-items:center;background:#2d9dff;color:#ff0;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.header.scrolled{background:#2d9dff;height:50px;justify-content:flex-start;overflow:visible;padding-left:20px;padding-right:20px}.menu-button{background:none;border:none;color:#ff0;cursor:pointer;display:none;font-size:2rem;position:absolute;right:20px;top:10px;z-index:1100}.menu-overlay{background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}@media (max-width:768px){.menu-button{display:block}.nav-links{background:#2d9dfff2;border-radius:10px;display:none;flex-direction:column;max-width:350px;padding:25px;position:fixed;right:10px;top:50px;width:85vw;z-index:1000}.nav-links.open{display:flex}.nav-links a{color:#ff0;display:block;font-size:1.4rem;padding:18px;text-align:center;text-decoration:none}.name{word-wrap:break-word;font-size:2.2rem!important;padding:0 15px}.header.scrolled .name{font-size:1.2rem!important}}@media (min-width:769px){.name{font-size:4rem}.header.scrolled .name{font-size:1.5rem}.nav-links{display:flex!important;gap:15px;position:absolute;right:20px;top:10px}}.nav-links{display:none;position:absolute;right:20px;top:10px}.nav-links a{color:#ff0;font-family:doto;font-size:1rem;text-decoration:none}.nav-links a:hover{text-decoration:underline}h2{font-family:pixer}.name{text-align:center;transition:font-size .3s ease,transform .3s ease}.content{padding:calc(100vh - 700px) 20px 20px;position:relative;z-index:1}.intro{margin-bottom:50px;text-align:center}.projects{font-family:gowun;margin-top:50px}.project-container{background-color:#b3f6ff57;border-radius:15px;margin-bottom:20px;padding:20px}.project-container img{border-radius:15px;height:auto;width:100%}.other-container{background-color:#b3f6ff57;border-radius:15px;margin-bottom:20px;padding:20px}table{border-spacing:50px}@media (min-width:769px){.projects-experiences-container{display:none}.experiences-desktop{display:flex;justify-content:center;margin-top:50px}.experiences-desktop .experiences{display:flex;gap:20px;justify-content:center;max-width:1200px;width:100%}.experiences-desktop .experiences .other-container{flex:1 1;margin-bottom:0;max-width:50%}}@media (max-width:768px){.experiences-desktop{display:none}.projects-experiences-container{align-items:center;display:flex;flex-direction:column;gap:20px}.experiences,.projectsDiv{width:90%}}h2{font-size:1.5rem}h2,h2 a{color:#ff0}h2 a{text-decoration:none}h2 a:hover{color:orange;text-decoration:underline}.project-container{padding:15px}@media (max-width:768px){.projects-experiences-container{align-items:center;flex-direction:column}}button.inactive{background-color:#ff0;color:#000!important}.scroll-arrow{animation:bounce 2s infinite;bottom:2rem;color:var(--text-color);cursor:pointer;left:50%;opacity:.7;position:fixed;transform:translateX(-50%);z-index:100}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translateX(-50%)}40%{transform:translateY(-20px) translateX(-50%)}60%{transform:translateY(-10px) translateX(-50%)}}@media (min-width:769px){.projectsDiv{display:none}}.image-container{margin:1rem 0;position:relative}.projects-carousel-wrapper{margin:50px 0;width:100%}.projects-carousel{gap:2rem;min-height:600px;position:relative}.carousel-arrow,.projects-carousel{align-items:center;display:flex;justify-content:center}.carousel-arrow{background:#b3f6ff57;border:2px solid #4d91f799;border-radius:50%;color:#ff0;cursor:pointer;flex-shrink:0;font-size:2.5rem;height:60px;transition:all .3s ease;width:60px;z-index:10}.carousel-arrow:hover{background:#4d91f799;transform:scale(1.1)}.carousel-content{display:flex;flex:1 1;justify-content:center;max-width:1200px}.project-card{background-color:#b3f6ff57;border-radius:15px;padding:30px;text-align:center;width:100%}.project-card h2{margin-bottom:1rem}.project-card p{margin-bottom:1.5rem}.project-image-container{margin:1.5rem 0}.project-image-container img{border-radius:15px;height:auto;max-height:600px;object-fit:contain;width:100%}.toggle-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.toggle-buttons button{background:#ff0;border:2px solid #333;border-radius:4px;color:#000;cursor:pointer;padding:.5rem 1.5rem;transition:all .3s ease}.toggle-buttons button:hover{background:#f0f0f0}.toggle-buttons button.active{background:#333;color:#fff}.project-descriptions{margin-top:1.5rem}.project-descriptions h3{color:#fff;font-weight:400;line-height:1.6;margin:.75rem 0}.carousel-indicators{display:flex;gap:.75rem;justify-content:center;margin-top:2rem}.carousel-indicators .indicator{background:#0000;border:2px solid #ff0;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.carousel-indicators .indicator:hover{background:#ffff0080}.carousel-indicators .indicator.active{background:#ff0}@media (max-width:768px){.projects-carousel-wrapper{display:none}}