@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap";.container{max-width:1300px!important;margin:0 auto;position:relative;display:flex;flex-direction:column;gap:150px}@media (max-width: 985px){.container{gap:10vh}}.about-title{font-size:2.5rem;font-weight:700;margin-bottom:3vh;text-align:center;color:#000}.about-content{width:30vw;font-size:1rem;text-align:center;color:#000;display:grid;grid-template-columns:30vw 20vw;grid-template-rows:auto;gap:1rem;margin-left:auto;margin-right:auto;justify-content:center}.about-description{border-radius:10px;padding:40px;line-height:2rem;text-align:center;display:flex;flex-direction:column;justify-content:center;grid-column:1 / -1}.about-creativity,.about-hobbies{border-radius:10px;padding:40px;line-height:2rem;display:flex;flex-direction:column;justify-content:center}.about-container-mobile{display:none}@media (max-width: 985px){.about-container,.about-title{display:none}}.about-content-mobile,.about-title-mobile{display:none}@media (max-width: 985px){.about-title-mobile{display:block;font-size:2.5rem;font-weight:700;margin-bottom:3vh;text-align:center;color:#000}.about-self-taught-mobile{border-radius:10px;padding:20px;line-height:2rem;display:flex;flex-direction:column;justify-content:center;height:4rem;grid-row:1/2;grid-column:3/-1;align-self:end;justify-self:stretch}.about-container-mobile{display:block}.about-content-mobile{width:30vw;font-size:1rem;text-align:center;color:#000;display:grid;grid-template-columns:repeat(3,23vw);grid-template-rows:1.4fr .3fr;gap:1rem;margin-left:auto;margin-right:auto;justify-content:center}.about-description-mobile{border-radius:10px;padding:40px;line-height:2rem;text-align:center;display:flex;flex-direction:column;justify-content:center;grid-column:1 / -1;grid-row:1/2;height:3rem;align-self:start}.about-creativity-mobile{border-radius:10px;padding:10px;line-height:2rem;display:flex;flex-direction:column;justify-content:center;height:4rem;grid-row:1/2;grid-column:2/3;align-self:end;justify-self:stretch}.about-hobbies-mobile{border-radius:10px;line-height:2rem;display:flex;flex-direction:column;justify-content:center;grid-column:3/-1;grid-row:2/3}.about-passion-mobile{border-radius:10px;padding:40px;line-height:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-column:1/-2}.about-age-mobile{border-radius:10px;padding:20px;line-height:1.2rem;display:flex;flex-direction:column;justify-content:center;height:4rem;grid-row:1/2;grid-column:1/2;align-self:end;justify-self:stretch}.about-p{font-weight:600;font-size:1.2rem}}@media (min-width: 496px) and (max-width: 848px){.about-content-mobile{grid-template-rows:1.1fr .3fr}}@media (max-width: 495px){.about-content-mobile{grid-template-rows:.95fr .3fr}}@media (max-width: 425px){.about-title-mobile{font-size:2rem}.about-p{font-weight:500;font-size:1rem}.about-content-mobile{grid-template-columns:repeat(3,25vw);grid-template-rows:repeat(3,32vw)}.about-self-taught-mobile,.about-description-mobile,.about-creativity-mobile,.about-hobbies-mobile,.about-passion-mobile,.about-age-mobile{padding:10px}.about-hobbies-mobile{grid-column:1/-1;grid-row:2/3;place-self:stretch}.about-passion-mobile{grid-column:1/-1;grid-row:3/4;place-self:stretch;height:5rem}}@media (max-width: 375px){.about-p{font-weight:400;font-size:.8rem}.about-content-mobile{grid-template-rows:1.42fr .3fr}}.contact-me-title{font-size:2rem;font-weight:700;text-align:center;color:#000;margin-bottom:3vh}.contact-form{display:flex;flex-direction:column;align-items:center;width:40%;padding:2rem 0;border-radius:15px;margin:auto;gap:2rem}input[type=text],input[type=email]{width:80%;padding:12px 20px;box-sizing:border-box;border:none;border-bottom:1px solid #ccc;border-radius:4px;background-color:#f8f8f800;font-size:1rem}textarea{width:80%;height:150px;padding:12px 20px;box-sizing:border-box;border:none;border-bottom:1px solid #ccc;border-radius:4px;background-color:#f8f8f800;font-size:1rem;resize:none}.contact-submit{border-radius:20px;width:30%;padding:10px;font-weight:700;font-size:1rem;background-color:#ffffff50;border:1px white solid;cursor:pointer;pointer-events:auto}.contact-submit:hover{background-color:#ffffff85}.contact-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 985px){.contact-form{width:60%}}.one-experience-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;width:90%;transition:all .3s ease;margin:0 auto}.experience-title{font-size:2.5rem;font-weight:700;margin-bottom:3vh;text-align:center;color:#000}.logo-container{border-radius:50%;grid-column:2;grid-row:-1;justify-self:center;align-self:center;justify-content:center;text-align:center;max-width:6rem;max-height:6rem;width:fit-content;height:fit-content;overflow:hidden}.experience-logo{width:6rem;height:6rem;object-fit:contain}.logo-sb-container{max-width:9rem;max-height:9rem}.logo-sb{width:60%;height:60%}.multiple-experience-logos{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0}.experience-container{display:flex;flex-direction:column;align-items:center}.left{grid-column:1;justify-self:end}.right{grid-column:3;justify-self:start}.separator{width:100%;height:70px;color:#000;border-color:#000;border-style:solid}@media (max-width: 425px){.experience-title{font-size:2rem}.logo-container{max-width:3rem;max-height:3rem}.experience-logo{width:3rem;height:3rem}.logo-sb-container{max-width:5rem;max-height:5rem}.logo-sb{width:70%;height:70%}.separator{height:50px}.one-experience-container{grid-template-columns:1fr .5fr 1fr}}.experience-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;gap:.5rem;width:20vw;padding:1rem;border-radius:10px;transition:all .3s ease}.experience-card-title{color:#000;font-size:large}.experience-card-title-mobile{color:#000;font-size:15px}.experience-company .experience-company-mobile{color:#909090;font-size:small}.experience-company-mobile{color:#909090;font-size:12px}.experience-description .experience-description-mobile{color:#000;font-size:smaller}.experience-description-mobile{color:#000;font-size:12px}.experience-date{color:#909090;font-size:small}@media (max-width: 575px){.experience-card{width:fit-content;height:fit-content;padding:.5rem}.experience-date{font-size:10px}}.footer{background-color:#b8b8b850;color:#fff;text-align:center;padding:10px;left:0;bottom:0;width:100%;margin-top:20px}.footer a{color:#fff}.network-logo{width:5vw;height:5vw;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto;transition:ease .1s;color:#000}.network-logo svg{width:3rem;height:3rem;transition:all .8s ease}.network-logo:hover{transform:translateY(-10px);cursor:pointer}.network-logo:before{content:"";width:2rem;height:.2rem;background:linear-gradient(90deg,#ffffff0d,#c3c3c302 33%,#9696961a 50%,#c3c3c302 66%,#ffffff0d);border-radius:.5rem;position:absolute;bottom:-.8rem;opacity:0;transition:all .1s ease}.network-logo:hover:before{width:100%;transform:translate(0);opacity:1}@media (max-width: 1275px){.network-logo svg{width:3vw;height:3vw}}@media (max-width: 985px){.network-logo{width:5vw;height:5vw}.network-logo:hover{transform:translateY(-10px)}.network-logo:before{width:2rem;height:.2rem;bottom:-.6rem}}@media (max-width: 895px){.network-logo{width:10vw;height:10vw}.network-logo svg{width:7vw;height:7vw}}.hero-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.speech-bubble{position:relative;background:#5bb3fc;border-radius:25px;padding:10px 20px;color:#fff;font-size:16px;font-family:Arial,sans-serif;width:fit-content;max-width:200px;text-align:center;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25));z-index:1;margin-right:auto;margin-left:1rem}.speech-bubble:after{content:"";position:absolute;bottom:-.01rem;left:110px;width:0;height:0;border:10px solid transparent;border-top-color:#5bb3fc;border-bottom:0;border-right:0;margin-left:-10px;margin-bottom:-10px}@keyframes moveAndReturn{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.speech-bubble:hover{animation:moveAndReturn .4s ease-in-out}.memoji-container img{width:15rem}.memoji-container{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:20px;gap:1rem;color:#000;max-width:15rem;margin-left:auto;margin-right:auto;padding:1rem 0;transition:all .2s ease-in-out}.pc-emoji{font-size:3rem}.memoji-text{font-size:2rem;max-width:min-content;text-align:center}.memoji-content{position:relative;margin-left:auto;margin-right:auto;margin-top:4rem;max-width:300px}.hero-name{font-size:3rem;font-weight:700;margin-top:1rem;text-align:center;color:#000}.hero-description{font-size:1.5rem;font-weight:500;margin-top:.5rem;text-align:center;color:#b1b1b1;text-transform:uppercase;transition:all .1s ease}.hero-networks{display:flex;justify-content:center;align-items:center;gap:1rem}.hero-info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2vh}@media (min-width: 986px){.speech-bubble{position:relative;background:#5bb3fc;border-radius:25px;padding:15px 20px;color:#fff;font-size:16px;font-family:Arial,sans-serif;width:10rem;height:3rem;text-align:center;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25));z-index:1;margin-right:auto;margin-left:1rem}.hero-container{display:flex;justify-content:space-between;align-items:center}.hero-content{display:flex;flex-direction:row-reverse;align-items:center;gap:20vw;margin-left:auto;margin-right:auto}.hero-name{font-size:4rem;width:max-content}.hero-description{font-size:2rem}.memoji-content{margin-top:4rem;max-width:500px}.memoji-container{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:20px;gap:1rem;color:#000;max-width:25rem;margin-left:auto;margin-right:2rem;padding:3rem 5rem}.memoji-text{font-size:2rem;max-width:min-content;text-align:center}}@media (max-width: 425px){.memoji-container img{width:7rem}.hero-name{font-size:2rem}.hero-description{font-size:1rem}}@media (max-width: 985px){.memoji-container img{width:7rem}.hero-name{font-size:2rem}.hero-description{font-size:1rem}.hero-container{margin-top:-50px}}@media (max-width: 1071px){.memoji-content{max-width:360px}}.resume-btn{background:#ffffff80;border-radius:8px;border:1px rgba(255,255,255,.5) solid;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;margin-left:auto;margin-right:auto;margin-top:1rem;font-size:large;color:#000}.resume-btn:hover{background:#ffffffb3;transition:all .3s ease;cursor:pointer}.nav-wrapper{background:#fffffff2;border:1px solid rgba(255,255,255,.33);padding:.5rem 0;position:sticky;top:1.4rem;margin:2rem;z-index:30;border-radius:100px;box-shadow:0 4px 4px #00000040}.nav-content{max-width:1300px;display:flex;align-items:center;justify-content:space-between;padding:1rem 0;margin:0 auto;height:2rem;color:#000}.logo{width:10rem;height:auto;position:absolute;left:0;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25));-webkit-filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25));z-index:1}.nav-content ul{display:flex;align-items:center;gap:.5rem;list-style:none;margin-left:auto}.nav-content li{margin:0 1rem;font-weight:500;position:relative;cursor:pointer}.menu-item{padding:8px 12px;border-radius:20px}.menu-item:hover{background-color:#fafafa;transition:all .4s ease}@media (max-width: 425px){.logo{width:8rem;height:auto}}@media (max-width: 985px){.menu-btn{display:flex}.nav-content{min-width:none}.nav-content ul{display:none}}@media (max-width: 1325px){.nav-wrapper{padding:.5rem 2rem}}@media (max-width: 1060px) and (min-width: 985px){.logo{width:9rem;height:auto}}.mobile-menu{width:100vw;height:100vh;display:none;background-color:#0000004d;position:fixed;left:0;top:0;z-index:999!important;opacity:0;transform:translate(-100vw);transition:opacity .5s ease-in-out}.mobile-menu-container{width:60vw;height:100vh;background-color:#342864;padding:2rem;position:relative;transition:all .3s ease;transform:translate(-100vw)}.mobile-menu.active{opacity:1;transform:translate(0)}.mobile-menu.active .mobile-menu-container{transform:translate(0)}.mobile-menu ul{display:flex;flex-direction:column;gap:2rem;list-style:none;margin-left:-2rem;margin-top:10rem}.dropdownElement{cursor:pointer}.dropdownElement:after{content:"";display:block;width:0;height:1px;background-color:#7e7e7e;transition:width .3s}.dropdownElement:hover:after{width:100%}@media (max-width: 985px){.mobile-menu{display:block}}.burger{display:flex;flex-direction:column;justify-content:space-between;width:25px;height:20px;cursor:pointer;transition:transform .3s ease;border-radius:5px;padding:10px;border:2px solid #ffffff00}.line{width:100%;height:3px;background-color:#000;transition:transform .3s ease,opacity .3s ease}.menu-btn.open{border:2px solid rgba(0,0,0,.15);transition:border .3s ease}.menu-btn{width:2.5rem;height:2.5rem;font-size:1rem;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.15);border-radius:.8rem;color:#000;background:transparent;line-height:0;cursor:pointer;transition:all .4s ease;margin-left:auto;margin-right:1rem;display:none}.menu-btn:hover{background:#00000026;border:1px solid rgba(255,255,255,.33)}@media (max-width: 985px){.menu-btn{display:flex}}.dropdownContent{position:absolute;min-width:100%;width:120px;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;margin-top:.5rem;box-shadow:#959da533 0 8px 24px;max-height:40vh;overflow-y:scroll;scrollbar-width:none;opacity:0;border-radius:10px;transform:translateY(-5%);transition:transform .15s ease-in-out,opacity .1s ease-in-out;right:0;background:#fffffff2;border:1px solid rgba(255,255,255,.33);pointer-events:none;z-index:-1}.dropdownContent::-webkit-scrollbar{display:none;width:0;height:0}.contentOpen{opacity:1;transform:translateY(0);pointer-events:all}@media (min-width: 985px){.dropdownContent{display:none}}.dropdown{align-self:center;margin-left:auto}.project-container{display:grid;grid-template-columns:.1fr .5fr;align-items:center;justify-content:center;gap:2rem;padding:2rem 0}.project-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem 2rem;border-radius:15px;cursor:pointer}.project-logo{width:3rem;height:3rem;object-fit:contain}.project-title{color:#000;font-size:1.5rem}.project-description{color:#000;font-size:1rem}.project-language{color:#858585;font-size:1rem}@media (min-width: 986px){.project-card:hover{transform:scale(1.05);transition:all .3s ease}}@media (max-width: 750px){.project-container{display:flex;justify-content:center;align-items:center}.project-card{width:60vw}.project-description{display:none}}.projects-title{font-size:2.5rem;font-weight:700;text-align:center;color:#000;margin-bottom:3vh}.projects-container{margin:0 7vh}.skill-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;border-radius:8%}.skill-logo{width:6rem;height:6rem;object-fit:contain}.skill-title{color:#000}@media (min-width: 986px){.skill-container:hover{transition:all .3s ease-in-out;background:#ffffff80;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@media (max-width: 650px){.skill-title{font-size:.9rem;transition:all .1s ease}}@media (max-width: 425px){.skill-logo{width:4.5rem;height:4.5rem}.skill-title{font-size:.8rem}}.skills-container{display:grid;grid-template-columns:repeat(4,.2fr);justify-content:center;align-items:center}.skills-title{font-size:2.5rem;font-weight:700;text-align:center;color:#000}@media (max-width: 650px){.skills-container{grid-template-columns:repeat(3,.5fr)}.skills{padding:0 5vw;height:auto}.skills-title{font-size:2rem}}*{font-family:Libre Franklin,sans-serif;margin:0;box-sizing:border-box}body{color:#fff;background-color:#ffeaea}.x-light *{font-weight:100}.light *{font-weight:300}.regular *{font-weight:400}.bold *{font-weight:700}.bolder *{font-weight:900}.glass{background:#ffffff80;border:2px rgba(255,255,255,.75) solid;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}