#root{margin:0;font-family:Roboto,sans-serif}body{overflow-x:hidden;margin:0}h1{font-size:calc(32px + 3vw);font-weight:700;margin-bottom:0}section{border-top:0;padding:7rem 0;display:flex;flex-direction:column;justify-content:center}.main{background:rgb(36,55,72);background:linear-gradient(180deg,rgb(36,55,72) 0%,rgb(75,116,159) 100%);height:100%;position:absolute;color:#fafafa}.container{height:100%}.personal{position:relative;margin:0 auto -10px;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:100%;opacity:0;animation:slide-in-bottom 2s cubic-bezier(.23,1,.32,1) forwards;animation-delay:1.2s;z-index:1}.full-height{min-height:100%}.name{font-size:calc(50px + 3vw);font-weight:700;margin-top:30vh}.dev{font-size:calc(16px + 1vw);font-weight:700;-webkit-animation:tracking-in-contract-bck 4s cubic-bezier(.215,.61,.355,1) both;animation:tracking-in-contract-bck 4s cubic-bezier(.215,.61,.355,1) both}.sections-container{background:#243748}.sections-container:nth-child(1){animation-delay:.2s}.about-container{display:flex;align-items:center;flex-direction:row;font-size:clamp(20px,1vw,21px);line-height:1.5;letter-spacing:.02rem;justify-content:center}.picture{display:flex;align-items:center;justify-content:center;content:"";position:relative;border:9px solid rgb(75,116,159);height:18rem;filter:brightness(80%);pointer-events:none;width:18rem}.picture:hover{border:14px solid rgb(75,116,159);transition:all .7s;filter:brightness(100%)}.about-container .picture img{margin-top:50px;margin-left:50px;height:300px;width:300px;pointer-events:auto;transition:all .7s;filter:grayscale(50%) contrast(1)}.about-container .picture img:hover{transition:all .7s;margin:0}.about-text{margin-left:5%;width:40%}.about-text p{color:#d6d6d8;text-align:justify}.section h3{margin-top:0;margin-left:8%;font-size:calc(20px + 1vw)}.cards-container{display:flex;flex-wrap:wrap;justify-content:flex-start-;align-items:flex-start;gap:.5rem 1rem;margin-top:2rem;width:70%;margin-left:8%}.contact-container{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;animation:slide-in-bottom 2s cubic-bezier(.23,1,.32,1) forwards}.contact-container h4{font-size:calc(18px + 1vw);margin-bottom:10px}.contact-container p{font-size:1.1rem;text-align:justify}.contact-container ul{font-size:1.1rem;text-align:justify;display:flex}.contact-container ul li{margin:0 5px}.last{padding:7rem 0 2rem}.arrows-container:hover{cursor:pointer}.arrows{width:60px;height:72px;position:absolute;left:50%;margin-left:-30px;bottom:20px}.arrows path{stroke:#567eaa;fill:transparent;stroke-width:1px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}.wave{background-image:url(/assets/wave-8fbedde7.svg);background-repeat:repeat-x;background-size:-1519 auto;background-position:bottom;position:absolute;bottom:-1%;width:100%;height:198px;animation:wave 6s cubic-bezier(.36,.45,.63,.53) infinite}.wave:nth-of-type(2){animation:swell 6s ease -1.25s infinite,wave 6s cubic-bezier(.36,.45,.63,.53) -.125s infinite;z-index:0}@media (max-width: 1000px){section{padding:5rem 0}.cards-container{width:90%}.last{padding:5rem 0 1rem}.about-container{flex-direction:column}.about-text{margin-top:10%}.about-text,.contact-container{width:70%}}@-webkit-keyframes tracking-in-contract-bck{0%{letter-spacing:1em;-webkit-transform:translateZ(400px);transform:translateZ(400px);opacity:0}40%{opacity:.6}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes tracking-in-contract-bck{0%{letter-spacing:1em;-webkit-transform:translateZ(400px);transform:translateZ(400px);opacity:0}40%{opacity:.6}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes wave{0%{background-position-x:0%}to{background-position-x:-1519px}}@keyframes swell{0%,to{background-position:right bottom 10px}50%{background-position:right bottom 0}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}to{opacity:0}}@-webkit-keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}to{opacity:0}}.arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}.arrows path.a2{animation-delay:-.5s;-webkit-animation-delay:-.5s}.arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}*{scrollbar-width:thin;scrollbar-color:#4b749f #dfe9eb}*::-webkit-scrollbar{width:7px}*::-webkit-scrollbar-track{border-radius:1px;background-color:#dfe9eb}*::-webkit-scrollbar-track:hover{background-color:#b8c0c2}*::-webkit-scrollbar-track:active{background-color:#b8c0c2}*::-webkit-scrollbar-thumb{border-radius:5px;background-color:#4b749f}*::-webkit-scrollbar-thumb:hover{background-color:#607c99}*::-webkit-scrollbar-thumb:active{background-color:#4b749f}header{height:80px;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:20px;position:fixed;z-index:5}div span{color:#fafafa;font-family:sans-serif;font-weight:700}a{display:inline-block;text-decoration:none;text-decoration-skip-ink:auto;color:inherit;position:relative;transition:all .25s cubic-bezier(.645,.045,.355,1)}a:hover{color:#4b749f}.on-body{background-color:#2c3e57}.group{display:flex;flex-direction:row;margin-right:10%}.logo{animation:slide-in-left 1s cubic-bezier(.25,.46,.45,.94) forwards;margin-left:5%;background:rgb(75,116,159,.1);padding:7px;border-radius:5px}.group li{opacity:0;list-style:none;padding:.5rem 1rem;animation:slide-in-top 1.2s forwards}.group li:nth-child(1){animation-delay:.2s}.group li:nth-child(2){animation-delay:.4s}.group li:nth-child(3){animation-delay:.6s}.group li:nth-child(4){animation-delay:.8s}.group li:nth-child(5){animation-delay:1s}.btn-close{opacity:0;position:fixed;margin-right:5%;width:40px;height:40px;right:0;border:none;top:15px;background:rgb(75,116,159,.1);text-align:center;border-radius:5px;padding:0;cursor:pointer}.closed{display:none}.btn-close img{filter:invert(100%) sepia(9%) saturate(1%) hue-rotate(226deg) brightness(104%) contrast(96%)}.btn-close:hover{border:none;background:rgb(75,116,159,.1)}@media (max-width: 755px){header{background-color:#2c3e57;animation:slide-in-top 1.2s forwards;height:unset}.btn-close{opacity:1}.logo{position:fixed;top:15px}.group{margin-top:60px;flex-direction:column;width:100%;align-items:center}}@media (min-width: 756px){.closed{display:flex}.group{animation:slide-in-top .8s forwards}}@keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translate(-1000px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}.language-toggle{display:flex;flex-direction:row;align-items:center}.switch{position:relative;display:inline-block;margin:0 5px}.switch>span{position:absolute;top:14px;pointer-events:none;font-family:Helvetica,Arial,sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.06);width:50%;text-align:center}input.check-toggle-round-flat:checked~.off{color:#4c5d75}input.check-toggle-round-flat:checked~.on{color:#fff}.switch>span.on{left:0;padding-left:2px;color:#4c5d75}.switch>span.off{right:0;padding-right:4px;color:#fff}.check-toggle{position:absolute;visibility:hidden}.check-toggle+label{display:block;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.flag{height:30px}input.check-toggle-round-flat+label{padding:2px;width:97px;height:35px;background-color:#4c5d75;border-radius:60px}input.check-toggle-round-flat+label:before,input.check-toggle-round-flat+label:after{display:block;position:absolute;content:""}input.check-toggle-round-flat+label:before{top:2px;left:2px;bottom:2px;right:2px;border-radius:60px}input.check-toggle-round-flat+label:after{top:4px;left:4px;bottom:4px;width:48px;background-color:#fff;border-radius:52px;transition:margin .2s}input.check-toggle-round-flat:checked+label:after{margin-left:44px}h6{letter-spacing:.5px;margin:0;font-size:1rem}.card{width:160px;height:170px;background-color:#1e283c;border-radius:10px}.card-content{display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;height:100%}.card-content:hover{cursor:pointer;filter:invert(42%) sepia(83%) saturate(310%) hue-rotate(170deg) brightness(85%) contrast(84%)}body{margin:0;overflow-x:hidden}.coffee-container{background:linear-gradient(180deg,rgb(36,55,72) 0%,rgb(75,116,159) 100%);width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.coffee-container img{width:400px;height:400px}.timeline-container{display:flex;position:relative}.line{margin-left:8%;width:5px;background:rgb(75,116,159);position:absolute;height:calc(100% + 30px)}.timeline-card-container{display:flex;margin-left:calc(8% - 18px);flex-direction:column}.timeline-card{display:flex;align-items:center;margin-top:5%}.timeline-card-content{margin-left:3%;border-radius:10px;padding:17px;background-color:#4b749f;width:60%;position:relative}.timeline-card-content:before{content:"";display:block;position:absolute;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgb(75,116,159);left:-9px;top:15px}.timeline-card-icon{background:rgb(75,116,159);align-self:baseline;z-index:2;padding:6px;border-radius:10px}.timeline-card-icon img{filter:invert(99%) sepia(1%) saturate(17%) hue-rotate(302deg) brightness(105%) contrast(96%)}.about-job h4{margin:7px 0;font-size:18px}.about-job p{margin:7px 0;font-size:.96rem;text-align:justify}