.nav__list{margin-right:1.5em;display:flex}.nav__list-item{margin-left:1.5em}.app .nav__hamburger{display:none}.nav__theme{margin-top:.4em}@media (max-width:600px){.nav__list{display:none;flex-direction:column;justify-content:center;align-items:center;position:fixed;inset:0;width:100%;height:100%;z-index:2}.nav__list-item{margin:.5em 0}.app .nav__hamburger{display:flex;z-index:2;margin-left:.8em}}.header{height:8em;max-width:1100px;width:95%;margin:0 auto;justify-content:space-between}@media (max-width:600px){.header{height:6em}}.title-image{width:50px;height:50px;vertical-align:middle}.profile,.title-image{border-radius:50%;display:inline-block}.profile{width:150px;height:150px;margin-top:70px;border-color:#fff}.about{flex-direction:column;margin-top:3em}.about__name{color:var(--clr-primary)}.about__role{margin-top:1.2em}.about__desc{font-size:1rem;max-width:600px}.about__contact,.about__desc{margin-top:2.4em}.about .link--icon{margin-right:.8em}.about .btn--outline{margin-right:1em}@media (max-width:600px){.app .about{align-items:flex-start;margin-top:2em}}.project{padding:2em;margin:0 auto;text-align:center;box-shadow:var(--shadow);transition:transform .2s linear}.project:hover{transform:translateY(-7px)}.project__description{margin-top:1em}.project__stack{display:flex;flex-wrap:wrap;justify-content:center;margin:1.2em 0}.project__stack-item{margin:.5em;font-weight:500;font-size:.8rem;color:var(--clr-fg-alt)}.project .link--icon{margin-left:.5em}.project__image{width:300px;height:200px;margin-bottom:10px;margin-top:10px}.projects__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));grid-gap:2em}.skills{max-width:800px;width:95%;margin:0 auto}.skills__section{margin-bottom:2em}.skills__section-title{padding-top:1em;font-size:1.5rem}.skills__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1em;gap:1em;list-style:none;padding:0}.skills__list-item{padding:.5em 1em;background-color:var(--clr-bg-alt);color:var(--clr-fg);border:2px solid var(--clr-primary);border-radius:5px;transition:transform .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out}.skills__list-item:hover{transform:translateY(-3px);background-color:var(--clr-primary);color:var(--clr-bg)}.skills__list-item:focus{outline:none}.fade-in{opacity:0;animation:fadeInAnimation .5s forwards}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.scroll-top{position:fixed;bottom:2em;right:4em;background-color:initial}@media (max-width:900px){.scroll-top{display:none}}.custom-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.custom-alert-box{background:grey;opacity:1;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);text-align:center}.custom-alert-button{margin-top:10px;padding:10px 20px;border:none;background:#61dafb;color:#fff;border-radius:5px;cursor:pointer}.custom-alert-button:hover{background:#0056b3}.section_contact{padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.section__title{font-size:2rem;margin-bottom:20px}.contact__form-group{margin-bottom:15px;width:100%;max-width:500px}.contact__form-group label{display:block;margin-bottom:5px;font-weight:700}.contact__form-group input,.contact__form-group textarea{width:100%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px}.contact__form-group input:focus,.contact__form-group textarea:focus{border-color:#61dafb;outline:none}.contact__btn{background-color:#61dafb;color:#fff;padding:10px 20px;font-size:1rem;border:none;border-radius:5px;cursor:pointer}.contact__btn--outline{background-color:initial;color:#61dafb;text-align:center;margin-left:30px;border:2px solid #61dafb}.contact__btn--outline:hover{background-color:#61dafb;color:#fff}.contact__p{padding-right:10px;font-size:1rem}.mail{margin-top:10px;font-size:1rem;display:flex}@media (max-width:600px){.contact__btn,.contact__form-group{width:100%}}.footer{padding:3em 0;margin-top:4em;text-align:center}.footer__link{font-size:.9rem;font-weight:600;color:var(--clr-fg)}@media (max-width:600px){.footer{padding:2em;margin-top:3em}}.experience-education-container{display:flex;justify-content:space-between;grid-gap:20px;gap:20px}.education-section,.experience-section{width:48%}.education-container,.experience-container{margin:20px 0}.education-item,.experience-item{display:flex;align-items:flex-start;margin-bottom:20px;transition:transform .3s ease-in-out}.education-item:hover,.experience-item:hover{transform:translateY(-5px)}.education-image,.experience-image{flex:0 0 80px;margin-right:20px}.education-image img,.experience-image img{width:100%;border-radius:8px;transition:transform .3s ease-in-out}.education-item:hover .education-image img,.experience-item:hover .experience-image img{transform:scale(1.1)}.education-details,.experience-details{flex:1 1}.education-item h3,.experience-item h3{font-size:18px;margin-bottom:5px;transition:color .3s ease-in-out}.education-item:hover h3,.experience-item:hover h3{color:var(--clr-primary)}.education-degree,.experience-role{font-size:16px;font-weight:700}.education-duration,.experience-duration{font-size:14px;color:#555}.education-description,.experience-description{font-size:14px;transition:color .3s ease-in-out}.education-item:hover .education-description,.experience-item:hover .experience-description{color:var(--clr-primary)}.section-title{margin-top:100px;text-align:center}.education-container,.experience-container{margin-top:50px;margin-left:20px}.app{font-family:"Poppins",sans-serif;line-height:1.5;color:var(--clr-fg);background-color:var(--clr-bg);position:relative;overflow:hidden}.light{--clr-bg:#f4f4f4;--clr-bg-alt:#fff;--clr-fg:#333;--clr-fg-alt:#555;--clr-primary:#007bff}.dark,.light{--shadow:rgba(0,0,0,0.2) 0px 7px 29px 0px}.dark{--clr-bg:#202124;--clr-bg-alt:#2c2c2e;--clr-fg:#ddd;--clr-fg-alt:#bbb;--clr-primary:#61dafb;overflow:hidden}main{max-width:1100px;width:95%;margin:0 auto}.section{margin-top:5em}.section__title{text-align:center;margin-bottom:1em;text-transform:uppercase}.center{display:flex;align-items:center}.link{padding:0 0 .3em;position:relative}.link,.link:hover{color:var(--clr-primary)}.link:before{content:"";display:inline;width:0;height:.2em;position:absolute;bottom:0;background-color:var(--clr-primary);transition:width .2s ease-in}.link:focus:before,.link:hover:before{width:100%}.link--nav{text-transform:lowercase;font-weight:500}.link--icon,.link--nav{color:var(--clr-fg)}.btn{display:block;cursor:pointer;padding:.8em 1.4em;font-weight:500;font-size:.9rem;text-transform:lowercase;transition:transform .2s ease-in-out}.btn--outline{color:var(--clr-primary);border:2px solid var(--clr-primary);position:relative;overflow:hidden;z-index:1}.btn--outline:focus,.btn--outline:hover{color:var(--clr-bg)}.btn--outline:before{content:"";position:absolute;background-color:var(--clr-primary);right:100%;bottom:0;left:0;top:0;z-index:-1;transition:right .2s ease-in-out}.btn--outline:focus:before,.btn--outline:hover:before{right:0}.btn--plain{text-transform:none;background-color:var(--clr-bg-alt);box-shadow:0 3px 3px 0 rgba(0,0,0,.15);border:0}.btn--plain:hover{transform:translateY(-4px)}.btn--icon{padding:0}.btn--icon:focus,.btn--icon:hover{color:var(--clr-primary)}.btn--icon:active{transform:translateY(-5px)}@media (max-width:600px){.section{margin-top:4em}}@keyframes bubbles{0%{transform:translateY(100vh) rotate(0deg);opacity:0}50%{opacity:1}to{transform:translateY(-100vh) rotate(1turn);opacity:0}}.bubble{position:absolute;width:40px;height:40px;background-color:rgba(173,216,230,.7);border-radius:50%;animation:bubbles 5s linear infinite;z-index:1}.bubble:first-child{top:5%;animation-delay:0s}.bubble:nth-child(2){top:20%;animation-delay:2s}.bubble:nth-child(3){top:35%;animation-delay:4s}.bubble:nth-child(4){top:50%;animation-delay:6s}.bubble:nth-child(5){top:65%;animation-delay:8s}.bubble:nth-child(6){top:80%;animation-delay:10s}.bubble:nth-child(7){top:95%;animation-delay:12s}.bubble:nth-child(8){top:110%;animation-delay:14s}.bubbles-container{position:fixed;bottom:0;left:15%;transform:translateX(-50%);z-index:1}.jellyfish{position:absolute;width:70px;height:50px;background:hsla(0,0%,100%,.8);opacity:.5;border-radius:50%;animation:jellyfishAnimation 15s infinite;box-shadow:0 0 20px hsla(0,0%,100%,.5)}.jellyfish:after,.jellyfish:before{content:"";position:absolute;width:100%;height:100%;background:hsla(0,0%,100%,.5);border-radius:50%;animation:jellyfishTentacleAnimation 15s infinite}.jellyfish:before{transform:rotate(45deg)}.jellyfish:after{transform:rotate(-45deg)}.tentacle{position:absolute;width:4px;height:100px;background:hsla(0,0%,100%,.5);border-radius:2px;bottom:-50px;left:50%;transform:translateX(-50%);animation:tentacleAnimation 3s infinite}.tentacle:first-child{left:20%;animation-delay:0s}.tentacle:nth-child(2){left:40%;animation-delay:.5s}.tentacle:nth-child(3){left:60%;animation-delay:1s}.tentacle:nth-child(4){left:80%;animation-delay:1.5s}@keyframes jellyfishAnimation{0%{transform:translateY(100vh) scale(1)}to{transform:translateY(-100vh) scale(.5)}}@keyframes jellyfishTentacleAnimation{0%{transform:scaleY(1)}50%{transform:scaleY(1.5)}to{transform:scaleY(1)}}@keyframes tentacleAnimation{0%,to{transform:translateX(-50%) scaleY(1)}50%{transform:translateX(-50%) scaleY(.8)}}*{padding:0;margin:0;border:0;outline:0;background-color:inherit;color:inherit;font-family:inherit;font-size:inherit;box-shadow:none;box-sizing:border-box}html{scroll-behavior:smooth}h1,h2,h3,h4{line-height:1.2;color:var(--clr-fg-alt)}h1{font-size:4rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.3rem}ul{list-style-type:none}a{text-decoration:none}button{cursor:pointer}@media (max-width:900px){h1{font-size:2.6rem}}
/*# sourceMappingURL=main.01cbef73.chunk.css.map */