nav{font-family:Gambetta-Regular;background:linear-gradient(135deg, #4a7c91, #023043);position:sticky;top:0;z-index:2;height:80px;box-shadow:0 2px 10px rgba(0,0,0,.15);display:flex;justify-content:start;align-items:center;padding:0 1.5em}@media(min-width: 992px){nav{justify-content:center}}nav>button{background:none;border:none;cursor:pointer;padding:0;color:#fefefe;font-size:1.4em;font-family:Gambetta-Regular}@media(min-width: 576px){nav>button{font-size:1.6em}}@media(min-width: 768px){nav>button{font-size:1.8em}}@media(min-width: 992px){nav>button{display:none}}nav>button:hover{color:#d8e9f0}nav>ul{display:none;margin:0;padding:0}@media(max-width: 992px){nav>ul.show{position:fixed;inset:80px 0 0 0;display:flex;gap:1em;flex-direction:column;padding:1.5em;background:linear-gradient(135deg, #4a7c91, #023043)}}@media(min-width: 576px){nav>ul{gap:1.5em}}@media(min-width: 768px){nav>ul{gap:2em}}@media(min-width: 992px){nav>ul{display:flex}}nav>ul>li{list-style-type:none}nav>ul>li>a{position:relative;color:#fefefe;text-decoration:none;font-size:1.4em}@media(min-width: 576px){nav>ul>li>a{font-size:1.6em}}@media(min-width: 768px){nav>ul>li>a{font-size:1.8em}}nav>ul>li>a::after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:2px;background-color:#d8e9f0;transition:width .5s ease,left .5s ease}nav>ul>li>a:hover::after{width:100%;left:0}nav>ul>li>a.active::after{width:100%;left:0}nav>ul>#language-selector{position:relative}nav>ul>#language-selector>button{background:none;border:none;cursor:pointer;padding:0;color:#fefefe;font-size:1.4em;display:flex;align-items:center;gap:.5em;font-family:Gambetta-Regular}@media(min-width: 576px){nav>ul>#language-selector>button{font-size:1.6em}}@media(min-width: 768px){nav>ul>#language-selector>button{font-size:1.8em}}nav>ul>#language-selector>button:hover{color:#d8e9f0}nav>ul>#language-selector>button>img{width:1.4em}nav>ul>#language-selector>ul{position:absolute;top:calc(100% + .4em);left:0;background:#03415a;margin:0;display:none;flex-direction:column;gap:1.5em;padding:1.5em;border-radius:4px}nav>ul>#language-selector>ul.show{display:flex}nav>ul>#language-selector>ul>li{list-style-type:none}nav>ul>#language-selector>ul>li>a{display:flex;gap:.5em;color:#fefefe;align-items:center;text-decoration:none;font-size:1.4em}@media(min-width: 576px){nav>ul>#language-selector>ul>li>a{font-size:1.6em}}@media(min-width: 768px){nav>ul>#language-selector>ul>li>a{font-size:1.8em}}nav>ul>#language-selector>ul>li>a:hover{color:#d8e9f0}nav>ul>#language-selector>ul>li>a>img{width:1.4em}header{position:relative;background:linear-gradient(135deg, #4a7c91, #023043);font-family:Stardom-Regular;color:#fefefe;overflow:hidden;height:calc(100vh - 80px)}header>.ball{position:absolute;border-radius:50%;background:radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0) 70%);filter:blur(10px);opacity:.5;will-change:transform,opacity;animation:float 25s ease-in-out infinite}header>.ball:nth-child(1){width:120px;height:120px;top:10%;left:15%;animation-delay:0s}@media(min-width: 576px){header>.ball:nth-child(1){width:130px;height:130px}}@media(min-width: 768px){header>.ball:nth-child(1){width:140px;height:140px}}header>.ball:nth-child(2){width:85px;height:85px;top:25%;left:65%;animation-delay:1s}@media(min-width: 576px){header>.ball:nth-child(2){width:95px;height:95px}}@media(min-width: 768px){header>.ball:nth-child(2){width:105px;height:105px}}header>.ball:nth-child(3){width:110px;height:110px;top:45%;left:25%;animation-delay:2s}@media(min-width: 576px){header>.ball:nth-child(3){width:120px;height:120px}}@media(min-width: 768px){header>.ball:nth-child(3){width:130px;height:130px}}header>.ball:nth-child(4){width:150px;height:150px;top:60%;left:80%;animation-delay:3s}@media(min-width: 576px){header>.ball:nth-child(4){width:160px;height:160px}}@media(min-width: 768px){header>.ball:nth-child(4){width:170px;height:170px}}header>.ball:nth-child(5){width:100px;height:100px;top:70%;left:5%;animation-delay:4s}@media(min-width: 576px){header>.ball:nth-child(5){width:110px;height:110px}}@media(min-width: 768px){header>.ball:nth-child(5){width:120px;height:120px}}header>.container{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center}header>.container>h1{margin:auto 0;font-size:3em}@media(min-width: 576px){header>.container>h1{font-size:4em}}@media(min-width: 768px){header>.container>h1{font-size:5em}}header>.container>img{height:70%}header>.container>.subtitle-container{position:absolute;inset:auto 1.5em 1.5em 1.5em;display:flex;justify-content:space-between;align-items:end}header>.container>.subtitle-container>h3{margin:0;font-size:1em}@media(min-width: 576px){header>.container>.subtitle-container>h3{font-size:1.5em}}@media(min-width: 768px){header>.container>.subtitle-container>h3{font-size:2em}}header>.container>.subtitle-container>h3:nth-child(2){text-align:right}@keyframes float{0%,100%{transform:translate3d(0, 0, 0) scale(1);opacity:.6}25%{transform:translate3d(15px, -20px, 0) scale(1.03);opacity:.8}50%{transform:translate3d(-10px, -10px, 0) scale(1.05);opacity:.9}75%{transform:translate3d(10px, 20px, 0) scale(1.02);opacity:.7}}main{background:linear-gradient(135deg, #fffaf0, #f0f0f0);font-family:Gambetta-Regular;color:#4b3f36;min-height:calc(100vh - 80px - 60px);overflow:hidden}main>.container{padding:1.5em;display:flex;gap:1.2em;flex-direction:column}@media(min-width: 992px){main>.container{padding:1.5em 4.5em 1.5em 4.5em}}@media(min-width: 1200px){main>.container{padding:1.5em 9em 1.5em 9em}}main>.container>h1{text-align:center;margin:0;font-size:2em}@media(min-width: 576px){main>.container>h1{font-size:2.5em}}@media(min-width: 768px){main>.container>h1{font-size:3em}}main>.container>h1::after{content:"";display:block;width:1.3em;margin:.3em auto 0;border-bottom:2px solid #26566a}@media(min-width: 576px){main>.container>h1::after{width:1.4em}}@media(min-width: 768px){main>.container>h1::after{width:1.5em}}.about-wrapper{display:grid;grid-template-areas:"my-story" "my-qualities" "technical-experience";gap:1.2em}.about-wrapper h2{font-size:1.5em;margin:0}@media(min-width: 576px){.about-wrapper h2{font-size:1.8em}}@media(min-width: 768px){.about-wrapper h2{font-size:2.1em}}.about-wrapper p{font-size:1em;margin:0}@media(min-width: 576px){.about-wrapper p{font-size:1.1em}}@media(min-width: 768px){.about-wrapper p{font-size:1.2em}}@media(min-width: 992px){.about-wrapper{grid-template-areas:"my-story my-story" "my-qualities technical-experience"}}.about-wrapper>.my-story{grid-area:my-story;display:flex;flex-direction:column;align-items:center;gap:.8em}.about-wrapper>.my-story>.container{display:flex;flex-direction:column;align-items:center;gap:.8em}@media(min-width: 992px){.about-wrapper>.my-story>.container{flex-direction:row;gap:1.6em}}@media(min-width: 1200px){.about-wrapper>.my-story>.container{gap:3.2em}}.about-wrapper>.my-story>.container>img{border-radius:.5em;box-shadow:2px 2px 10px rgba(0,0,0,.15);height:240px}@media(min-width: 576px){.about-wrapper>.my-story>.container>img{height:320px}}@media(min-width: 768px){.about-wrapper>.my-story>.container>img{height:400px}}@media(min-width: 992px){.about-wrapper>.my-story>.container>img{height:480px}}.about-wrapper>.my-story>.container>.content{display:flex;flex-direction:column;align-items:center;gap:.8em}.about-wrapper>.my-story>.container>.content>.socials{display:flex;gap:.8em}.about-wrapper>.my-story>.container>.content>.socials>a{display:flex;align-items:center;gap:.5em;padding:.6em 1em;border-radius:6px;text-decoration:none;color:#fff;font-size:1em}@media(min-width: 576px){.about-wrapper>.my-story>.container>.content>.socials>a{font-size:1.15em}}@media(min-width: 768px){.about-wrapper>.my-story>.container>.content>.socials>a{font-size:1.3em}}.about-wrapper>.my-story>.container>.content>.socials>a>img{width:20px;filter:invert(100%)}@media(min-width: 576px){.about-wrapper>.my-story>.container>.content>.socials>a>img{width:22.5px}}@media(min-width: 768px){.about-wrapper>.my-story>.container>.content>.socials>a>img{width:25px}}.about-wrapper>.my-story>.container>.content>.socials>a.linkedin{background-color:#0077b5}.about-wrapper>.my-story>.container>.content>.socials>a.github{background-color:#24292f}.about-wrapper>.my-qualities{grid-area:my-qualities;display:flex;flex-direction:column;align-items:center;gap:.8em}.about-wrapper>.my-qualities>ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8em}.about-wrapper>.my-qualities>ul>li{display:flex;gap:.8em}.about-wrapper>.my-qualities>ul>li>svg{flex-shrink:0;width:32px;height:32px;fill:#4a7c91}@media(min-width: 576px){.about-wrapper>.my-qualities>ul>li>svg{width:37px;height:37px}}@media(min-width: 768px){.about-wrapper>.my-qualities>ul>li>svg{width:42px;height:42px}}.about-wrapper>.my-qualities>ul>li>p{display:flex;flex-direction:column}.about-wrapper>.technical-experience{grid-area:technical-experience;display:flex;flex-direction:column;align-items:center;gap:1.2em}@media(min-width: 1200px){.contact-wrapper{display:flex;justify-content:center}}.contact-wrapper>form{display:flex;flex-direction:column;gap:1.5em}@media(min-width: 1200px){.contact-wrapper>form{width:60%}}.contact-wrapper>form>.alert{padding:1em 1.2em;border-radius:6px;font-size:1em}@media(min-width: 576px){.contact-wrapper>form>.alert{font-size:1.1em}}@media(min-width: 768px){.contact-wrapper>form>.alert{font-size:1.2em}}.contact-wrapper>form>.alert.alert-success{background-color:#daf5d7;color:#2b6a2b;border:1px solid #a6d8a6}.contact-wrapper>form>.alert.alert-error{background-color:#fddede;color:#a33a3a;border:1px solid #f5a3a3}.contact-wrapper>form>.form-group{display:flex;flex-direction:column;gap:.5em}.contact-wrapper>form>.form-group>label{font-weight:bold;font-size:1em}@media(min-width: 576px){.contact-wrapper>form>.form-group>label{font-size:1.1em}}@media(min-width: 768px){.contact-wrapper>form>.form-group>label{font-size:1.2em}}.contact-wrapper>form>.form-group>label.required::after{content:" *";color:#a33a3a}.contact-wrapper>form>.form-group>input,.contact-wrapper>form>.form-group textarea{padding:.8em 1em;border-radius:6px;border:1px solid #ccc;font-size:1em;font-family:inherit}@media(min-width: 576px){.contact-wrapper>form>.form-group>input,.contact-wrapper>form>.form-group textarea{font-size:1.1em}}@media(min-width: 768px){.contact-wrapper>form>.form-group>input,.contact-wrapper>form>.form-group textarea{font-size:1.2em}}.contact-wrapper>form>.form-group>input:focus,.contact-wrapper>form>.form-group textarea:focus{outline:none;border-color:#4a7c91;box-shadow:0 0 5px rgba(74,124,145,.5)}.contact-wrapper>form>.form-group>input.invalid,.contact-wrapper>form>.form-group textarea.invalid{border-color:#a33a3a}.contact-wrapper>form>.form-group>textarea{min-height:150px;resize:vertical}.contact-wrapper>form>.form-group>span{color:#a33a3a;font-size:1em}@media(min-width: 576px){.contact-wrapper>form>.form-group>span{font-size:1.1em}}@media(min-width: 768px){.contact-wrapper>form>.form-group>span{font-size:1.2em}}.contact-wrapper>form>button{padding:1em;border:none;border-radius:6px;background-color:#4a7c91;color:#fff;cursor:pointer;transition:background-color .3s ease;font-family:Gambetta-Regular;font-size:1em}@media(min-width: 576px){.contact-wrapper>form>button{font-size:1.1em}}@media(min-width: 768px){.contact-wrapper>form>button{font-size:1.2em}}.contact-wrapper>form>button:hover{background-color:#023043}.contact-wrapper>form>button:disabled{background-color:#a0b4bc;cursor:not-allowed;opacity:.7}footer{height:60px;display:flex;justify-content:center;align-items:center;font-family:Gambetta-Regular;background:linear-gradient(135deg, #4a7c91, #023043);color:#fefefe;font-size:1em;box-shadow:0 -2px 10px rgba(0,0,0,.15)}@media(min-width: 576px){footer{font-size:1.2em}}@media(min-width: 768px){footer{font-size:1.4em}}@font-face{font-family:"Stardom-Regular";src:url("fonts/stardom/Stardom-Regular.eot");src:url("fonts/stardom/Stardom-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/stardom/Stardom-Regular.woff2") format("woff2"),url("fonts/stardom/Stardom-Regular.woff") format("woff"),url("fonts/stardom/Stardom-Regular.ttf") format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:"Gambetta-Regular";src:url("fonts/gambetta/Gambetta-Regular.eot");src:url("fonts/gambetta/Gambetta-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/gambetta/Gambetta-Regular.woff2") format("woff2"),url("fonts/gambetta/Gambetta-Regular.woff") format("woff"),url("fonts/gambetta/Gambetta-Regular.ttf") format("truetype");font-weight:400;font-display:swap;font-style:normal}body{margin:0;font-size:16px}