@charset "UTF-8";*,body{box-sizing:border-box}h1,h2{font-family:"Jersey 20",sans-serif}.container,.wrapper,body,html,main{overflow-x:hidden}.typing,h1{display:inline-block;white-space:nowrap}.gif,body,html{max-width:100%}.about,.project,body{background-position:center}.paper-bg,.project,body{background-repeat:no-repeat;background-size:cover}.hero .gif,body,h1.animated::before,html{width:100%}.col-3.slide,h1{position:relative}.col-3.slide,.hero,.typing{overflow:hidden}.footer-bottom p,.navbar ul{list-style:none}.btn-footer,.btn-hero,.footer-bottom p a,.project-link{text-decoration:none}@font-face{font-family:'Chakra Petch';src:url('chakra-petch.woff2') format('woff2');font-display:swap}@keyframes bounce-in-right{0%{transform:translateX(600px);animation-timing-function:ease-in;opacity:0}38%{transform:translateX(0);animation-timing-function:ease-out;opacity:1}55%{transform:translateX(68px);animation-timing-function:ease-in}100%,72%,90%{transform:translateX(0);animation-timing-function:ease-out}81%{transform:translateX(32px);animation-timing-function:ease-in}95%{transform:translateX(8px);animation-timing-function:ease-in}}@keyframes flicker-in-1{0%,10%,10.2%,20%,20.6%,30%,30.6%,45%,55.1%,57%,60.1%,65%,75.1%,77%,85.1%,86%{opacity:0}10.1%,100%,20.1%,30.1%,30.5%,45.1%,50%,55%,57.1%,60%,65.1%,75%,77.1%,85%,86.1%{opacity:1}}@keyframes bounce-in-top{0%{transform:translateY(-500px);animation-timing-function:ease-in;opacity:0}38%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}55%{transform:translateY(-65px);animation-timing-function:ease-in}100%,72%,90%{transform:translateY(0);animation-timing-function:ease-out}81%{transform:translateY(-28px);animation-timing-function:ease-in}95%{transform:translateY(-8px);animation-timing-function:ease-in}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fall{from{top:-200px;opacity:0}to{top:50px;opacity:1}}@keyframes fadeInGif{from{opacity:0}to{opacity:1}}body{background-image:url(../img/bg_hero.webp);background-attachment:scroll}h1{font-weight:400;font-style:normal;min-height:60px;height:60px;align-items:center;font-size:3rem}h1::before{content:"";position:absolute;background:#f07;width:0%;height:100%;left:0;bottom:0;z-index:-1;transition:width .5s ease-in-out}h2{font-weight:400;font-style:normal}.jersey-25-regular,h6{font-family:"Jersey 25",sans-serif;font-weight:400;font-style:normal}h6{font-size:1.3rem!important}.box p,.btn-hero,p{font-family:"Chakra Petch",sans-serif}.box p{font-size:18px;font-weight:500}.btn-footer,.btn-hero,.col-3.slide,.hero h1{font-weight:700}p{font-weight:300;font-style:normal}.btn-hero{font-style:normal;padding:10px;border:none;background-color:#e0096e;border-radius:10px;font-size:19px;transition:background-color .3s,transform .3s,color .3s;color:#fff}.footer-center,.fs-small{font-family:"Jersey 20",sans-serif}.fs-big,.fs-small,.txt-color{color:#e0096e}.btn-hero:hover{cursor:pointer;background-color:#fff;color:#000;transform:scale(1.05)}.btn-hero:hover a{color:#000}.container{height:auto}.flicker-in-1{animation:1.5s both flicker-in-1;transform:none}.bounce-in-right{animation:1.6s .3s both bounce-in-right}.fs-10{font-size:25px;line-height:50px}.fs-big{order:0;font-size:90px}.fs-small{font-size:40px;line-height:30px}.space{min-height:10vh;height:30vh;background-color:rgba(255,255,255,0)}.typing{border-right:3px solid #fff;animation:.7s step-end infinite blink,1s ease-in-out fade-in}.bounce-in-top{animation:1.1s both bounce-in-top}.falling-avatar.show{animation:1s forwards fall}.bg-white{background-color:#fff}.navbar{position:fixed;top:20%;right:1%;width:60px;height:450px;flex-direction:column;border-radius:30px;box-shadow:5px 4px 10px;z-index:2;background-color:#e0096e}.navbar ul{display:flex;flex-direction:column;align-items:center;padding:0;margin:0}.navbar .nav-link{display:block;margin:20px 0;text-align:center}.about,.box-skills,.col-3.slide,.col-3.slide .description,.col-left,.col-right,.container-btn,.footer,.project{display:flex;display:flex}.navbar img{width:30px;height:30px}.nav-link:hover{transform:scale(1.2);transition:.5s}.active-dot{position:absolute;width:7px;height:7px;background-color:#fff;border-radius:50%;transition:top .3s,opacity .3s;opacity:0;left:50%;transform:translate(0,-5px);z-index:1}.download-box:hover,.highlight{background-color:#e0096e;color:#fff}.nav-link.active~.active-dot{opacity:1;top:calc(100% + 10px);transform:translateX(-50%)}.hero{height:90vh;color:#000;z-index:2}.hero .gif{height:100%}.hero h1{font-size:80px;line-height:100px;color:#fff}.hero h2{font-size:40px;line-height:60px;color:#fff}.hero p{line-height:30px;color:#fff;font-size:30px}.gif{image-rendering:auto;image-rendering:crisp-edges;image-rendering:pixelated;height:auto;transform:translateZ(0);backface-visibility:hidden;will-change:transform}.container-btn{justify-content:space-between;width:auto;gap:20px}.btn-download{width:550px;height:30px}.btn-download button{width:50px;background-color:none;border:none;border-radius:30px}.download-box:hover{transition:background-color .3s,transform .3s,color .3s;transform:scale(1.25)}.paper-bg{background-image:url(../img/white_bg.webp);box-shadow:0 4px 8px rgba(0,0,0,.2)}.about{justify-content:space-between;align-items:center;gap:20px;padding:40px 160px 40px 200px;background-repeat:no-repeat}.col-left{flex:1;justify-content:center;align-items:center;max-width:40%}.avatar_gif{height:auto;border-radius:10px}.col-right{flex:4;flex-direction:column;gap:20px;color:#e0096e;align-items:flex-start}.about-me{margin-top:2rem;padding:20px;border-radius:10px;text-align:left;background-color:rgba(167,167,167,.24);box-shadow:0 4px 6px rgba(0,0,0,.5);color:#000}.about-me p{font-size:22px;line-height:40px}.box-skills{background-image:url(../img/bg_hero.webp);box-shadow:0 4px 6px rgba(0,0,0,.582);padding:1rem;border-radius:50px;margin:30px 0;flex-direction:row;overflow-x:auto;justify-content:space-around;align-items:center;height:6rem}.box-skills img{height:100%;max-width:150px;max-height:50px;-o-object-fit:contain;object-fit:contain}.project{min-height:80vh;padding:20px;flex-direction:column;align-items:center;justify-content:center;max-width:100%}.project-1,.project-2{background-position:center;background-size:contain}.project .row.align-items-center{justify-content:flex-start;align-items:center;gap:20px;width:100%;padding-left:20px}.project-container{margin-bottom:2rem;padding-right:2rem}.project-img{max-height:120px;height:auto;width:120px}.no-overflow{overflow-y:hidden}.col-3.slide{width:550px;height:350px;justify-content:center;align-items:center;border-radius:10px;margin:10px;text-align:center;font-size:18px;color:#333;box-shadow:0 6px 15px rgba(0,0,0,.5);transition:transform .3s ease-in-out}.col-3.slide .description{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,23,48,.925);color:#fff;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease-in-out;border-radius:10px;font-weight:700}.col-3.slide:hover{transform:scale(1.05);box-shadow:0 10px 20px rgba(255,255,255,.7);display:block}.col-3.slide:hover .description{opacity:1}.project-link{color:#fff;display:block;width:100%;height:100%}.project-link .description{height:100%;display:flex;flex-direction:column;justify-content:space-between}.project-link:hover .description{background-color:rgba(0,0,0,.1)}.project-1{background-image:url(../img/project_1.webp)}.project-2{background-image:url(../img/project_2.webp)}.project-3{background-image:url(../img/project_3.webp);background-position:initial;background-size:600px 350px}.description{background-color:rgba(0,0,0,.5);width:100%;height:100%;margin:0;border-radius:10px;display:none;display:flex;flex-direction:column}.footer{flex-direction:column;align-items:center;gap:20px;padding-top:120px}.footer-right,.social-icons,footer ul{display:flex;gap:15px}.footer-center{width:auto;text-align:center;font-size:20px}.footer-right{width:100%;justify-content:space-between;margin-top:10px;flex-direction:row-reverse;padding:0 30px}.btn-footer{flex:0;padding:10px 20px;background-color:#e0096e;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s,transform .3s;margin-top:5%;align-self:center;color:#fff}.btn-footer:hover{background-color:#fff;color:#e0096e;transform:scale(1.05)}.social-icons{justify-content:flex-end;flex-wrap:nowrap;margin-bottom:10px}.social-icons a{display:inline-block;text-align:center;line-height:50px}.social-icons img{-o-object-fit:contain;object-fit:contain}.social-icons p{margin:0!important}social-icons img:hover{transform:scale(1.1)}.btn{background-color:#e0096e!important;color:#fff!important}footer{color:#fff;display:flex;flex-direction:column;justify-content:center}footer ul{padding:0;margin:0;justify-content:center;flex-grow:1}.footer-bottom p a{color:#fff;transition:color .3s}.footer-bottom img{display:inline-block;height:auto}.instagram{width:70px;height:70px}.gif-animation{display:none;width:100%;text-align:center;margin-top:20px}.gif-animation.show{display:block;animation:2s ease-in-out forwards fadeInGif}@media (min-width:1200px) and (max-width:1709px){.picture{align-items:flex-start!important}.btn-download{display:none!important}}@media (max-width:1200px){.picture{align-items:center!important}.btn-download{display:none!important}.bio{gap:0;justify-content:space-evenly}.width-bio{width:48%!important}.info{gap:20px}.default{flex-direction:column}.col-4{width:auto!important}.about{flex-direction:column;width:100%;height:auto}section .box{width:100%!important;height:auto}}@media (max-width:991px){.btn-download,.container-btn,.description{display:none}.about{flex-direction:column;padding:20px;height:auto}.col-left,.col-right{max-width:100%}.about-me{margin:0;width:100%}.hero h1{font-size:60px}.hero h2{font-size:24px;line-height:36px}.hero p{font-size:13px;line-height:20px}.btn-hero{width:100%;max-width:200px;padding:10px 15px}.box-skills{padding:10px;height:auto;flex-wrap:nowrap;justify-content:space-around}.box-skills img{max-width:100px;max-height:40px}.project-container{flex-direction:row-reverse}}@media (max-width:768px){.about,.hero{overflow-x:hidden;max-width:100%}.about,.box-skills,.col-left,.col-right,.hero,.navbar{max-width:100%}#hero .container{padding:0!important}.box-skills img{width:30px;height:30px;max-width:80px;max-height:40px}.btn-download,.description{display:none!important}.social-icons{justify-content:center;justify-content:center}.active-dot{width:5px;height:5px;top:calc(100% + 5px);left:50%;transform:translate(0,-7px)}.container-btn,.space{display:none}.slide{position:relative}.btn-download{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:block;width:100%;text-align:center}.hero{width:100%;flex-direction:column-reverse;background-position:center}.hero h1{font-size:2rem;line-height:50px}.hero h2{font-size:1.5rem;line-height:12px}.hero p{font-size:18px;line-height:24px}.about{width:100%;flex-direction:column;align-items:center;padding:20px}.about-me{width:100%;margin:0;padding:20px;text-align:center}.box-skills{overflow:hidden;width:100%;overflow-x:auto;gap:10px;margin:13rem 0;justify-content:space-around}.navbar,.navbar ul{padding:0;overflow:hidden}.navbar{overflow-x:hidden;top:auto;bottom:20px;left:5%;right:5%;height:60px;width:90%;flex-direction:row;justify-content:space-evenly;align-items:center;border-radius:70px;z-index:1}.navbar ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;margin:0;list-style:none}.navbar .nav-link{margin:0;display:flex;justify-content:center;align-items:center}.navbar img{width:25px;height:25px}#hero .row{margin-left:0}.btn-hero{font-size:20px;margin-top:1rem;max-width:50%}.about-me p{font-size:16px;line-height:26px}.project .row.align-items-center{flex-direction:column;padding-left:0}.col-3.slide{width:400px;margin-bottom:20px}.fs-big{font-size:70px}.project-container{margin:0;flex-direction:row-reverse}.project-img{height:auto;padding-bottom:1rem}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:100px;min-height:400px;height:50vh}.footer-center{display:flex;flex-direction:column;align-items:center;gap:30px}.btn-footer{margin-bottom:10px}.footer-right{min-height:200px;align-items:center}.hero .gif{width:auto;height:auto}}