*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d0221;color:#0ff;font-family:Orbitron,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.header{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0d0221cc;box-shadow:0 0 10px #0ff;box-sizing:border-box;display:flex;height:auto;justify-content:space-between;left:0;min-height:60px;padding:0 60px;position:fixed;top:0;width:100%;z-index:1000}.header-logo{border-radius:50%;height:auto;width:100px}.header-nav{display:flex;gap:30px}.header-nav a{color:#fff;font-size:20px;font-weight:700;text-decoration:none}@media (max-width:768px){.header{flex-direction:column;min-height:50px;padding:5px}.header-logo{margin-bottom:5px;width:40px}.header-nav{flex-wrap:wrap;gap:10px;justify-content:center}.header-nav a{font-size:14px}}.body-container{align-items:center;background-color:#0d0221;display:flex;height:100vh;justify-content:center;overflow:hidden}.welcome-container{text-align:center}.welcome-text{color:#0ff;font-family:Courier New,Courier,monospace;font-size:6rem;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff,0 0 40px #f0f,0 0 80px #f0f,0 0 90px #f0f,0 0 100px #f0f,0 0 150px #f0f}.welcome-text span{animation:fadeIn .2s forwards;display:inline-block;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-text span:first-child{animation-delay:.2s}.welcome-text span:nth-child(2){animation-delay:.4s}.welcome-text span:nth-child(3){animation-delay:.6s}.welcome-text span:nth-child(4){animation-delay:.8s}.welcome-text span:nth-child(5){animation-delay:1s}.welcome-text span:nth-child(6){animation-delay:1.2s}.welcome-text span:nth-child(7){animation-delay:1.4s}.welcome-text span:nth-child(8){animation-delay:1.6s}.welcome-text span:nth-child(9){animation-delay:1.8s}.welcome-text span:nth-child(10){animation-delay:2s}.welcome-text span:nth-child(11){animation-delay:2.2s}.welcome-text span:nth-child(12){animation-delay:2.4s}.welcome-text span:nth-child(13){animation-delay:2.6s}.welcome-text span:nth-child(14){animation-delay:2.8s}.welcome-text span:nth-child(15){animation-delay:3s}.welcome-text span:nth-child(16){animation-delay:3.2s}.welcome-text span:nth-child(17){animation-delay:3.4s}.welcome-text span:nth-child(18){animation-delay:3.6s}.welcome-text span:nth-child(19){animation-delay:3.8s}.welcome-text span:nth-child(20){animation-delay:4s}.welcome-text span:nth-child(21){animation-delay:4.2s}.welcome-text span:nth-child(22){animation-delay:4.4s}.welcome-text span:nth-child(23){animation-delay:4.6s}@media (max-width:768px){.welcome-text{font-size:3rem}}.about-section{align-items:center;background-color:#0d0221b3;border-radius:10px;box-shadow:0 0 15px #f0f,0 0 25px #f0f;display:flex;flex-direction:column;margin:40px;padding:40px 20px 100px;text-align:center}.about-title{color:#0ff;font-size:65px;font-weight:700;margin-bottom:30px;text-shadow:0 0 5px #0ff,0 0 10px #0ff}.about-content{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:0 auto;max-width:800px;padding:0}.about-logo{border-radius:50%;box-shadow:0 0 10px #0ff,0 0 15px #0ff;margin-right:20px;width:200px}.about-text{color:#f0f0f0;font-size:18px;line-height:1.8;max-width:600px;padding:0;text-align:left}@media (max-width:768px){.about-section{margin:20px;padding:20px 10px 50px}.about-title{font-size:40px}.about-content{flex-direction:column;padding:0 15px}.about-logo{margin-bottom:20px;margin-right:0;width:150px}.about-text{font-size:16px;padding:0 10px;text-align:center}}.timeline-section{background-color:#0d0221;overflow:hidden;padding:60px 20px}.timeline-container{margin:0 auto;max-width:800px;position:relative}.timeline-container:after{background-color:#0ff;bottom:0;box-shadow:0 0 5px #0ff;content:"";left:50%;margin-left:-2px;position:absolute;top:0;width:4px;z-index:1}.timeline-item{box-sizing:border-box;opacity:0;padding:10px 40px;position:relative;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out;width:50%}.timeline-item.is-visible{opacity:1;transform:translateY(0)}.timeline-item:nth-child(odd){left:0;padding-right:30px;text-align:right}.timeline-item:nth-child(2n){left:50%;padding-left:30px;text-align:left}.timeline-item-dot{background-color:#0d0221;border:4px solid #0ff;border-radius:50%;box-shadow:0 0 10px #0ff;content:"";height:20px;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:2}.timeline-item:nth-child(odd) .timeline-item-dot{right:-10px}.timeline-item:nth-child(2n) .timeline-item-dot{left:-10px}.timeline-item-content:after{border-style:solid;content:" ";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.timeline-item:nth-child(odd) .timeline-item-content:after{border-color:#0000 #0000 #0000 #0d0221b3;border-width:10px 0 10px 10px;right:-10px}.timeline-item:nth-child(2n) .timeline-item-content:after{border-color:#0000 #0d0221b3 #0000 #0000;border-width:10px 10px 10px 0;left:-10px}.timeline-item-content{background-color:#0d0221b3;border-radius:6px;box-shadow:0 0 10px #f0f;padding:15px;position:relative}.timeline-item-year{color:#0ff;font-size:18px;font-weight:700;margin-bottom:5px}.timeline-item-explanation{color:#f0f0f0;font-size:16px}@media screen and (max-width:768px){.timeline-container:after{left:20px}.timeline-item{padding-left:45px;padding-right:15px;width:100%}.timeline-item:nth-child(2n),.timeline-item:nth-child(odd){left:0;text-align:left}.timeline-item-content:after,.timeline-item-dot{display:none}}.works-section{padding:40px 20px;text-align:center}.works-title{color:#0ff;font-size:32px;margin-bottom:30px;text-shadow:0 0 5px #0ff,0 0 10px #0ff}.works-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.work-card{background-color:#0d0221b3;border:1px solid #f0f;border-radius:8px;box-shadow:0 0 10px #f0f;padding:20px;text-align:center;width:200px}.work-card-title{color:#0ff;font-size:24px;margin-bottom:10px}.work-card p{color:#f0f0f0;font-size:16px;margin:10px 0}.work-card-link{background-color:#0ff;border-radius:4px;box-shadow:0 0 5px #0ff;color:#0d0221;display:inline-block;font-size:16px;font-weight:700;padding:5px 10px;text-decoration:none}@media (max-width:768px){.works-section{padding:20px 10px}.works-title{font-size:24px}.works-container{gap:10px}.work-card{margin:0;padding:15px;width:calc(100% - 20px)}.work-card-title{font-size:20px}.work-card p,.work-card-link{font-size:14px}}.skills-section{background-color:#0d0221;padding:40px 20px;text-align:center}.skills-title{color:#0ff;font-size:45px;font-style:Bold;margin-bottom:10px;text-shadow:0 0 5px #0ff,0 0 10px #0ff}.skills-subtitle{color:#f0f0f0;margin:0 0 30px}.skills-categories-container{align-items:center;display:flex;flex-direction:column;gap:20px}.skill-category{margin-bottom:40px;max-width:800px;width:100%}.skill-category-title{color:#f0f;font-size:20px;margin-bottom:20px;text-shadow:0 0 5px #f0f}.skills-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.skill-card{align-items:center;background-color:#0d0221b3;border:1px solid #0ff;border-radius:8px;box-shadow:0 0 10px #0ff;box-sizing:border-box;color:#f0f0f0;display:flex;flex-direction:column;height:220px;justify-content:space-between;margin:6px;padding:12px;width:160px}.skill-card-title{color:#0ff;font-size:14px;margin:4px 0;text-align:center}.skill-card-img{height:48px;object-fit:contain;width:48px}.skill-card-explanation{font-size:11px;margin:6px 0;text-align:center}.skill-card-progress{width:100%}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.skills-title{font-size:32px}.skill-category{max-width:100%}.skill-card{height:auto;min-height:200px;width:calc(50% - 20px)}}@media (max-width:480px){.skill-card{width:calc(100% - 20px)}}.footer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0d0221cc;box-shadow:0 0 10px #0ff;color:#0ff;padding:20px;text-align:center}.footer p{margin:0 0 10px}.footer a{color:#f0f;margin:0 5px;text-decoration:none}.footer a:hover{text-decoration:underline}
/*# sourceMappingURL=main.355111d2.css.map*/