.header{align-items:center;background:#0d1b2a;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px 40px;position:sticky;top:0;z-index:100}.header nav{display:flex;gap:25px}.header nav a{color:#fff;font-size:2rem;font-weight:500;padding-bottom:4px;position:relative;text-decoration:none;transition:color .3s ease}.header nav a:after{background-color:red;bottom:0;content:"";height:4px;left:0;position:absolute;transition:width .3s ease;width:0}.header nav a:hover{color:red}.header nav a:hover:after{width:100%}.custom-shape-divider-top-1753475068{left:0;line-height:0;overflow:hidden;position:absolute;top:100%;width:100%}.custom-shape-divider-top-1753475068 svg{display:block;height:42px;position:relative;width:calc(100% + 1.3px)}.custom-shape-divider-top-1753475068 .shape-fill{fill:#0d1b2a}@media (max-width:600px){.header{flex-direction:column;padding:20px 10px}.header nav{flex-direction:row}.header nav a{font-size:1.25rem}}.hero{align-items:center;display:flex;height:100vh;justify-content:center;margin:0;padding:0}h2{color:#fff;font-size:4em;line-height:1.2;text-align:center}h2>span{color:red;display:inline-block;height:1.25em;overflow:hidden;padding-left:.33em;position:relative;vertical-align:middle}h2>span>span{animation:anim-desktop 10s ease infinite;display:block;text-align:left}@keyframes anim-desktop{0%{transform:translateY(0)}25%{transform:translateY(-100%)}50%{transform:translateY(-200%)}75%{transform:translateY(-300%)}to{transform:translateY(-400%)}}@keyframes anim-mobile{0%{transform:translateY(200%)}25%{transform:translateY(100%)}50%{transform:translateY(0)}75%{transform:translateY(-100%)}to{transform:translateY(-200%)}}@media (max-width:600px){.hero{height:80vh}h2{font-size:2.5em}h2>span{align-items:center;display:inline-flex;flex-direction:column;justify-content:center;padding-left:.2em}h2>span>span{animation:anim-mobile 10s ease infinite}}.about{background-color:initial;overflow:hidden;padding:80px 20px;text-align:center}.about,.about h2{color:#fff;position:relative}.about h2{letter-spacing:1px;margin-bottom:20px}.about-content{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;padding:0 15px;position:relative}.about p{background-color:#0d1b2a;border-radius:10px;box-shadow:10px 5px 5px rgba(255,0,0,.404);color:#fff;font-size:1.25rem;line-height:1.7;max-width:80%;padding:20px;position:relative}.about p:nth-of-type(odd){align-self:flex-start}.about p:nth-of-type(2n){align-self:flex-end}@media (max-width:600px){.about-content:before{display:none}.about p{font-size:1rem}}.skills h2{color:#fff;letter-spacing:1px;margin-bottom:20px;position:relative}.skills p{color:#fff;font-size:1.25rem;margin-bottom:40px}#skills-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}#skills-container .skill{box-sizing:border-box;flex-basis:calc(25% - 20px);flex-grow:0;flex-shrink:0}.chart{color:#999;display:inline-block;font-size:20px;position:relative;text-align:center}.chart figcaption{border:20px solid #fff;border-radius:100px;height:50px;line-height:50px;padding:50px 25px;visibility:hidden;width:100px}.chart img{background:#0000;border-radius:50%;left:50%;max-height:100px;max-width:100px;position:absolute;top:50%;transform:translate(-50%,-50%)}.html+svg .outer{stroke:#e34f26}.css+svg .outer{stroke:#0d84ce}.javascript+svg .outer{stroke:#f0e040}.react+svg .outer{stroke:#61dafb}.nodejs+svg .outer{stroke:#8cc84b}.php+svg .outer{stroke:#777bb3}.flask+svg .outer{stroke:#000}.python+svg .outer{stroke:#306998}.chart svg{left:0;position:absolute;top:0}.outer{fill:#0000;stroke:#333;stroke-width:20;stroke-dasharray:534;stroke-dashoffset:534}.projects{background-color:initial;margin-bottom:8rem;padding:60px 20px}#project-intro{color:#fff;font-size:1.25rem;margin-bottom:40px}.project-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-left:auto;margin-right:auto;margin-top:30px;max-width:1580px;padding:0 10px}.project-tile{background:#0d1b2a;border-radius:12px;color:#fff;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.project-tile:hover{box-shadow:10px 5px 5px rgba(255,0,0,.404);transform:translateY(-5px)}.project-image-container{display:flex;height:180px;justify-content:center;overflow:hidden;width:100%}.project-image{height:100%;object-fit:cover;padding:10px;width:100%}.project-body{flex:1 1;padding:20px}.project-body h3{color:#fff;font-size:1.4rem;margin-bottom:10px}.project-description{color:#fff;font-size:1rem;line-height:1.5}#more-projects-button{background:#0d1b2a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:2.5rem;margin-top:40px;padding:12px 24px;transition:background .3s ease}#more-projects-button:hover{background:red}@media (max-width:600px){.project-grid{grid-template-columns:1fr;max-width:100%}.project-tile{margin-bottom:20px}#more-projects-button{font-size:1.5rem;width:100%}}.contact{background-color:#0d1b2a;bottom:0;padding:2px 20px 80px;position:relative;text-align:center;z-index:1000}.contact h2{color:#fff;font-size:2.5rem;margin-bottom:40px}.contact-links{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.contact-card{align-items:center;background:#fff;border-radius:12px;color:red;display:flex;font-size:2rem;font-weight:600;gap:15px;padding:20px 30px;text-decoration:none;transition:transform .2s ease,box-shadow .3s ease}.contact-card:hover{box-shadow:0 4px 20px rgba(255,0,0,.404);color:red;transform:translateY(-5px)}.contact-icon{height:48px;width:48px}.custom-shape-divider-bottom-1753488463{bottom:100%;left:0;line-height:0;overflow:hidden;position:absolute;transform:rotate(180deg);width:100%}.custom-shape-divider-bottom-1753488463 svg{display:block;height:42px;position:relative;width:calc(100% + 1.3px)}.custom-shape-divider-bottom-1753488463 .shape-fill{fill:#0d1b2a}@media (max-width:600px){.contact{padding:10px 20px 40px}.contact h2{font-size:2rem}.contact-card{font-size:1.5rem;gap:5px;padding:5px 10px}.contact-icon{height:36px;width:36px}}body{background-color:#000;font-family:Arial,sans-serif;line-height:1.6;margin:0;scroll-behavior:smooth}section{padding:60px 20px;text-align:center}section:not(:first-of-type):not(:last-of-type){animation-timeline:view();animation:fadeIn linear}#tsparticles canvas{height:100vh;width:100vw}@keyframes fadeIn{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=main.45155ad9.css.map*/