body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.header-container{color:#fff;font-family:RobotoMono,sans-serif;justify-content:space-between}.header-container,.logo{align-items:center;display:flex}.logo{color:#e1e1e1;font-size:24px;font-weight:700;gap:1rem;letter-spacing:2px;position:relative;text-decoration:none}.logo .superman-logo{height:35px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:50px}.logo .logo-pentagon{background:#21dfe6;height:100%;position:relative;width:100%}.logo .logo-pentagon,.logo .logo-pentagon:before{clip-path:polygon(50% 0,100% 20%,100% 60%,50% 100%,0 60%,0 20%)}.logo .logo-pentagon:before{background:#1e1e1e;content:"";height:29px;left:4px;position:absolute;top:3px;width:42px}.logo .logo-s{color:#21dfe6;content:"S";font-family:Arial Black,sans-serif;font-size:20px;font-weight:900;left:50%;position:absolute;top:45%;transform:translate(-50%,-50%)}.logo:hover .superman-logo{box-shadow:0 0 15px #21dfe680;transform:scale(1.1)}.logo:hover{color:#05f7f7}.nav{align-items:center;display:flex}@media(max-width:768px){.nav{background-color:#1e1e1e;flex-direction:column;height:100%;justify-content:center;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:100%;z-index:999}.nav.open{right:0}}.nav-link{align-items:center;color:#d3d3d3;display:flex;font-family:RobotoMono,sans-serif;font-size:18px;margin-left:40px;text-decoration:none;transition:color .3s}.nav-link:hover{color:#05f7f7}.nav-link svg{margin-right:8px}@media(max-width:768px){.nav-link{font-size:24px;margin-bottom:20px;margin-left:0}}.button{align-items:center;border:2px solid #038f94;border-radius:5px;color:#0fe7dc;display:flex;font-family:RobotoMono,sans-serif;font-size:18px;margin-left:40px;padding:8px 16px;text-decoration:none;transition:all .3s}.button:hover{background-color:#05f7f7;color:#fff}.button svg{margin-right:8px}@media(max-width:768px){.button{font-size:24px;margin-bottom:20px;margin-left:0}}.hamburger{cursor:pointer;display:none}@media(max-width:768px){.hamburger{display:block;position:absolute;right:20px;top:20px;z-index:1001}}.close-icon{display:block;z-index:1002}.resume-container{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:RobotoMono,sans-serif;margin:275px auto 0;padding:0;width:80%}.resume-container .resume-title{font-size:2.5em;margin:0;padding:0;text-align:left;width:100%}.resume-container .content-wrapper{display:flex;flex-direction:column;width:100%}@media(min-width:1025px){.resume-container .content-wrapper{flex-direction:row;justify-content:center}}.left-column{flex:1 1;margin-bottom:20px}@media(max-width:1024px){.left-column{margin-right:0;width:100%}}.right-column{align-items:center;display:flex;flex:1 1;justify-content:center;width:100%}.right-column iframe{border:none;height:115vh;width:100%}@media(max-width:1200px){.right-column iframe{height:60vh}}.section-container{margin-bottom:150px;position:relative}.section-title-container{align-items:center;display:flex;gap:20px;margin-bottom:30px}.section-title{color:#fff;font-family:Titillium,sans-serif;font-size:2.7em;margin:0;position:relative;white-space:nowrap}.title-line{align-items:center;display:flex;flex:1 1;gap:10px}.title-line .line{background:linear-gradient(90deg,#10fcf0,#0000);flex:0 1 1000px;height:2px;min-width:100px;transform-origin:left}.title-line .line.from-right{transform-origin:right}.line-container{padding-left:10px;position:relative}.line-container .timeline-line{background-color:#d3d3d3;bottom:0;left:0;position:absolute;top:0;transform-origin:top;width:2px}.job-container{margin-bottom:40px;padding-left:40px;position:relative}.job-container .timeline-tick{background:#d3d3d3;height:2px;left:-10px;position:absolute;top:1.3em;transform-origin:left;width:20px}.job-title{font-size:1.65em;margin:10px 0;position:relative}.company{color:#10fcf0}.job-dates{color:#d3d3d3;font-size:1.1em;margin:5px 0 10px}.bullet-point{font-size:1.1em;list-style-type:none;margin-bottom:12px;max-width:90%;padding-left:20px;position:relative}.bullet-point:before{color:#10fcf0;content:"•";font-size:1.1em;font-weight:700;left:0;position:absolute}.projects-title-container{align-items:center;display:flex;gap:20px;margin-bottom:40px;width:100%}.projects-title-line{align-items:center;display:flex;flex:1 1;gap:10px}.projects-title-line .line{background:linear-gradient(90deg,#10fcf0,#0000);flex:0 1 1000px;height:2px;min-width:100px;transform-origin:right}.about-container{color:#fff;font-family:Titillium,sans-serif;margin:0 auto;width:80%}.about-title-container{align-items:center;display:flex;gap:20px;margin-bottom:10px}.about-title-container .about-title{color:#fff;font-family:Titillium,sans-serif;font-size:2.7em;margin:0;white-space:nowrap}@media(max-width:768px){.about-title-container .about-title{font-size:2.5em}}@media(max-width:480px){.about-title-container .about-title{font-size:2em}}.about-title-container .title-line{align-items:center;display:flex;flex:1 1;gap:10px}.about-title-container .title-line .line{background:linear-gradient(90deg,#10fcf0,#0000);flex:0 1 1000px;height:2px;min-width:100px;transform:translateY(5px);transform-origin:left}@media(max-width:768px){.about-title-container{align-items:flex-start;flex-direction:column;gap:15px}.about-title-container .title-line{width:100%}.about-title-container .title-line .line{min-width:50px}}.cyan-text{color:#10fcf0}h2{color:#fff;font-family:Titillium,sans-serif;font-size:2em;margin:0;padding-top:10px;text-align:left}.about-intro{align-items:flex-start;display:flex;flex-direction:row;margin-bottom:100px}@media(min-width:769px){.about-intro{align-items:center}}@media(max-width:768px){.about-intro{flex-direction:column;text-align:center}}.about-intro .about-text{flex:0 1 50%;padding-right:5%;text-align:left}@media(max-width:768px){.about-intro .about-text{padding-right:0;text-align:center}}.about-intro .about-text p{font-size:1.2em;margin-bottom:20px}.about-intro .about-text a{color:#10fcf0;text-decoration:underline}.about-intro .about-text a:visited{color:#10fcf0}.about-intro .about-text a:hover{color:#0ad1d1}.about-intro .about-photo{flex:0 0 30%;left:10%;max-width:400px;padding:0;position:relative}.about-intro .about-photo .photo-border{border:3px solid #03fdfd;border-radius:10px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:transform .35s ease-in-out;width:100%;z-index:2}.about-intro .about-photo img{aspect-ratio:3/4;border-radius:8px;display:block;object-fit:cover;object-position:center 20%;position:relative;transition:transform .35s ease-in-out,box-shadow .35s ease-in-out,z-index 0s linear .35s;width:100%;z-index:1}.about-intro .about-photo:hover .photo-border{transform:translate(30px,30px)}.about-intro .about-photo:hover img{box-shadow:10px 10px 30px #03fdfd66;transform:scale(1.08);transition-delay:0s;z-index:3}@media(max-width:768px){.about-intro .about-photo{align-items:center;display:flex;justify-content:center;left:auto;margin-left:auto;margin-right:auto;margin-top:20px;position:static;width:70%}}.about-contact,.about-technologies{margin-bottom:40px}.about-contact form{display:flex;flex-direction:column}.about-contact form label{font-family:Titillium,sans-serif;margin-bottom:10px}.about-contact form input,.about-contact form textarea{border:1px solid #ccc;border-radius:5px;font-family:Titillium,sans-serif;font-size:1em;margin-bottom:20px;padding:10px}.about-contact form button{background-color:#1fccd8;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Titillium,sans-serif;font-size:1.2em;padding:10px 20px;transition:background-color .3s}.about-contact form button:hover{background-color:#0eb9cf}.about-technologies-container{font-family:Titillium,sans-serif;padding:20px 0;width:70%}.about-technologies-container .about-technologies h2{color:#fff;font-family:Titillium,sans-serif;font-size:2em;margin-bottom:20px;text-align:center}.about-technologies-container .about-technologies .technology-categories .technology-category{padding:20px}.about-technologies-container .about-technologies .technology-categories .technology-category h3{font-size:1.5em;margin-bottom:30px}.about-technologies-container .about-technologies .technology-categories .technology-category .technology-items .technology-item{cursor:pointer;font-size:1.2em}.about-technologies-container .about-technologies .technology-categories .technology-category .technology-items .technology-item i{color:#fff}.about-technologies-container .about-technologies .technology-categories .technology-category .technology-items .technology-item p{color:#fff;font-family:Satoshi,sans-serif}.about-technologies-container .about-technologies .technology-categories .technology-category .technology-items .technology-item:hover{color:#0b9bbe}.footer-container{align-items:center;background-color:#1e1e1e;color:#fff;display:grid;font-family:RobotoMono,sans-serif;grid-template-columns:repeat(3,1fr);padding:20px 40px;text-align:center}@media(max-width:768px){.footer-container{display:flex;flex-direction:column;gap:10px;text-align:center}}.footer-container .footer-content{align-items:center;display:flex;flex-direction:column}@media(max-width:768px){.footer-container .footer-content{align-items:center;text-align:center}}.footer-container .purple-heart{color:#26cce2}.footer-container .footer-link{color:#10fcf0;display:inline-block;margin-left:5px;text-decoration:none;transition:color .3s,transform .3s}.footer-container .footer-link:hover{color:#10fcf0;transform:scale(1.2)}.footer-container .social-icons{display:flex;gap:20px;justify-content:flex-end}@media(max-width:768px){.footer-container .social-icons{justify-content:center}}.footer-container .social-icons a{color:#d3d3d3;font-size:1.5em;transition:color .3s,transform .3s}.footer-container .social-icons a:hover{color:#10fcf0;transform:scale(1.2)}.footer-container p{margin:0}.footer-container .left-align{text-align:left}@media(max-width:768px){.footer-container .left-align{padding-bottom:5px;text-align:center}}.footer-container .center-align{text-align:center}.footer-container .center-align p{color:#10fcf0}.footer-container .right-align{text-align:right}@media(max-width:768px){.footer-container .right-align{padding-top:5px;text-align:center}}.about-technologies-container{color:#fff;font-family:Inter,sans-serif;margin:0 auto;padding:200px 0;width:80%}.about-technologies-container .about-technologies .title-container{align-items:center;display:flex;margin-bottom:40px}.about-technologies-container .about-technologies .title-container .techstack-title{color:#fff;font-size:2.7rem;font-weight:700;margin:0;padding-right:20px}.about-technologies-container .about-technologies .title-container .title-line-container{align-items:center;display:flex;flex:1 1;gap:10px}.about-technologies-container .about-technologies .title-container .title-line-container .title-line{background:linear-gradient(90deg,#10fcf0,#0000);flex:0 1 1000px;height:2px;min-width:100px;transform-origin:left}.about-technologies-container .about-technologies .technology-categories{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media(max-width:1024px){.about-technologies-container .about-technologies .technology-categories{grid-template-columns:1fr 1fr}}@media(max-width:500px){.about-technologies-container .about-technologies .technology-categories{grid-template-columns:1fr}}.about-technologies-container .about-technologies .technology-categories .technology-category{background-color:#2a2a2a;border-radius:10px;box-shadow:0 5px 15px #0003;color:#fff;padding:15px;transition:box-shadow .2s ease-out,transform .2s ease-out}.about-technologies-container .about-technologies .technology-categories .technology-category:hover{box-shadow:0 10px 25px #0000004d,0 0 15px #01afaf4d;transform:translateY(5px) scale(1.02)}.about-technologies-container .about-technologies .technology-categories .technology-category h3{color:#fff;font-size:1.8em;margin-bottom:15px;text-align:center}.about-technologies-container .about-technologies .technology-categories .technology-category .technology-items{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.about-technologies-container .about-technologies .technology-categories .technology-category .technology-items{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.about-technologies-container .about-technologies .technology-categories .technology-category .technology-items{grid-template-columns:repeat(2,1fr)!important}}.about-technologies-container .about-technologies .technology-categories .technology-category .technology-items .technology-item{align-items:center;color:#fff;cursor:default;display:flex;flex-direction:column;font-size:1.1em;transition:color .3s ease}.about-technologies-container .about-technologies .technology-categories .technology-category .technology-items .technology-item i{color:inherit;font-size:3em;margin-bottom:10px;transition:inherit}.about-technologies-container .about-technologies .technology-categories .technology-category .technology-items .technology-item p{color:inherit;margin:0;text-align:center;transition:inherit}.about-technologies-container .about-technologies .technology-categories .technology-category .technology-items .technology-item:hover{color:#10fcf0}
/*# sourceMappingURL=main.cf3d009c.css.map*/