@import"https://fonts.googleapis.com/css2?family=KoHo:wght@200;400;600&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body.dark-mode{--white: #3E3D42;--black: #FFFFFF;--background: #3E3D42}body{--white: #FFFFFF;--black: #3E3D42;--background: #f9f9fb;font-family:KoHo,sans-serif;background-color:var(--background);font-size:16px;padding:1em;color:var(--black)}@media screen and (min-width: 768px){body{padding:1.5em 2em}}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--black);text-transform:uppercase}h1{font-size:2.1rem}svg{transform:scale(1.3)}ul{padding:0;margin:0}ul li{list-style:none}.text-capitalize{text-transform:capitalize}.text-uppercase{text-transform:uppercase}.bubbles{position:relative;width:100%;height:100vh;overflow:hidden}.bubble{position:absolute;left:var(--bubble-left-offset);bottom:-75%;display:block;width:var(--bubble-radius);height:var(--bubble-radius);border-radius:50%;animation:float-up var(--bubble-float-duration) var(--bubble-float-delay) ease-in infinite}.bubble:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:#f9f9fb;opacity:.4;border-radius:inherit;animation:var(--bubble-sway-type) var(--bubble-sway-duration) var(--bubble-sway-delay) ease-in-out alternate infinite}.bubble:nth-child(0){--bubble-left-offset: 88vw;--bubble-radius: 4vw;--bubble-float-duration: 11s;--bubble-sway-duration: 4s;--bubble-float-delay: 3s;--bubble-sway-delay: 1s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(1){--bubble-left-offset: 28vw;--bubble-radius: 4vw;--bubble-float-duration: 12s;--bubble-sway-duration: 5s;--bubble-float-delay: 4s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(2){--bubble-left-offset: 43vw;--bubble-radius: 9vw;--bubble-float-duration: 7s;--bubble-sway-duration: 6s;--bubble-float-delay: 2s;--bubble-sway-delay: 4s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(3){--bubble-left-offset: 30vw;--bubble-radius: 2vw;--bubble-float-duration: 6s;--bubble-sway-duration: 4s;--bubble-float-delay: 0s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(4){--bubble-left-offset: 63vw;--bubble-radius: 3vw;--bubble-float-duration: 8s;--bubble-sway-duration: 6s;--bubble-float-delay: 2s;--bubble-sway-delay: 1s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(5){--bubble-left-offset: 76vw;--bubble-radius: 1vw;--bubble-float-duration: 9s;--bubble-sway-duration: 4s;--bubble-float-delay: 4s;--bubble-sway-delay: 1s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(6){--bubble-left-offset: 41vw;--bubble-radius: 4vw;--bubble-float-duration: 6s;--bubble-sway-duration: 5s;--bubble-float-delay: 1s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(7){--bubble-left-offset: 23vw;--bubble-radius: 1vw;--bubble-float-duration: 6s;--bubble-sway-duration: 6s;--bubble-float-delay: 4s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(8){--bubble-left-offset: 15vw;--bubble-radius: 2vw;--bubble-float-duration: 10s;--bubble-sway-duration: 5s;--bubble-float-delay: 2s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(9){--bubble-left-offset: 70vw;--bubble-radius: 10vw;--bubble-float-duration: 10s;--bubble-sway-duration: 4s;--bubble-float-delay: 1s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(10){--bubble-left-offset: 3vw;--bubble-radius: 7vw;--bubble-float-duration: 7s;--bubble-sway-duration: 4s;--bubble-float-delay: 4s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(11){--bubble-left-offset: 49vw;--bubble-radius: 8vw;--bubble-float-duration: 11s;--bubble-sway-duration: 4s;--bubble-float-delay: 1s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(12){--bubble-left-offset: 5vw;--bubble-radius: 6vw;--bubble-float-duration: 8s;--bubble-sway-duration: 6s;--bubble-float-delay: 3s;--bubble-sway-delay: 1s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(13){--bubble-left-offset: 3vw;--bubble-radius: 10vw;--bubble-float-duration: 11s;--bubble-sway-duration: 5s;--bubble-float-delay: 2s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(14){--bubble-left-offset: 77vw;--bubble-radius: 7vw;--bubble-float-duration: 6s;--bubble-sway-duration: 4s;--bubble-float-delay: 0s;--bubble-sway-delay: 4s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(15){--bubble-left-offset: 33vw;--bubble-radius: 8vw;--bubble-float-duration: 7s;--bubble-sway-duration: 5s;--bubble-float-delay: 0s;--bubble-sway-delay: 1s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(16){--bubble-left-offset: 57vw;--bubble-radius: 8vw;--bubble-float-duration: 7s;--bubble-sway-duration: 6s;--bubble-float-delay: 0s;--bubble-sway-delay: 1s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(17){--bubble-left-offset: 45vw;--bubble-radius: 2vw;--bubble-float-duration: 7s;--bubble-sway-duration: 4s;--bubble-float-delay: 3s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(18){--bubble-left-offset: 45vw;--bubble-radius: 2vw;--bubble-float-duration: 7s;--bubble-sway-duration: 5s;--bubble-float-delay: 4s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(19){--bubble-left-offset: 11vw;--bubble-radius: 5vw;--bubble-float-duration: 6s;--bubble-sway-duration: 6s;--bubble-float-delay: 3s;--bubble-sway-delay: 2s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(20){--bubble-left-offset: 54vw;--bubble-radius: 7vw;--bubble-float-duration: 6s;--bubble-sway-duration: 4s;--bubble-float-delay: 0s;--bubble-sway-delay: 4s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(21){--bubble-left-offset: 34vw;--bubble-radius: 2vw;--bubble-float-duration: 9s;--bubble-sway-duration: 4s;--bubble-float-delay: 2s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(22){--bubble-left-offset: 6vw;--bubble-radius: 2vw;--bubble-float-duration: 10s;--bubble-sway-duration: 4s;--bubble-float-delay: 1s;--bubble-sway-delay: 1s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(23){--bubble-left-offset: 17vw;--bubble-radius: 7vw;--bubble-float-duration: 7s;--bubble-sway-duration: 5s;--bubble-float-delay: 3s;--bubble-sway-delay: 4s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(24){--bubble-left-offset: 8vw;--bubble-radius: 9vw;--bubble-float-duration: 6s;--bubble-sway-duration: 4s;--bubble-float-delay: 4s;--bubble-sway-delay: 4s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(25){--bubble-left-offset: 83vw;--bubble-radius: 5vw;--bubble-float-duration: 11s;--bubble-sway-duration: 6s;--bubble-float-delay: 1s;--bubble-sway-delay: 1s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(26){--bubble-left-offset: 38vw;--bubble-radius: 4vw;--bubble-float-duration: 12s;--bubble-sway-duration: 4s;--bubble-float-delay: 0s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(27){--bubble-left-offset: 15vw;--bubble-radius: 4vw;--bubble-float-duration: 6s;--bubble-sway-duration: 4s;--bubble-float-delay: 2s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(28){--bubble-left-offset: 19vw;--bubble-radius: 9vw;--bubble-float-duration: 7s;--bubble-sway-duration: 5s;--bubble-float-delay: 1s;--bubble-sway-delay: 1s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(29){--bubble-left-offset: 60vw;--bubble-radius: 9vw;--bubble-float-duration: 12s;--bubble-sway-duration: 6s;--bubble-float-delay: 4s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(30){--bubble-left-offset: 15vw;--bubble-radius: 7vw;--bubble-float-duration: 10s;--bubble-sway-duration: 6s;--bubble-float-delay: 2s;--bubble-sway-delay: 2s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(31){--bubble-left-offset: 17vw;--bubble-radius: 1vw;--bubble-float-duration: 8s;--bubble-sway-duration: 4s;--bubble-float-delay: 0s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(32){--bubble-left-offset: 68vw;--bubble-radius: 2vw;--bubble-float-duration: 7s;--bubble-sway-duration: 5s;--bubble-float-delay: 4s;--bubble-sway-delay: 2s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(33){--bubble-left-offset: 69vw;--bubble-radius: 7vw;--bubble-float-duration: 10s;--bubble-sway-duration: 4s;--bubble-float-delay: 3s;--bubble-sway-delay: 2s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(34){--bubble-left-offset: 75vw;--bubble-radius: 4vw;--bubble-float-duration: 12s;--bubble-sway-duration: 5s;--bubble-float-delay: 1s;--bubble-sway-delay: 2s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(35){--bubble-left-offset: 92vw;--bubble-radius: 7vw;--bubble-float-duration: 8s;--bubble-sway-duration: 5s;--bubble-float-delay: 3s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(36){--bubble-left-offset: 39vw;--bubble-radius: 3vw;--bubble-float-duration: 6s;--bubble-sway-duration: 6s;--bubble-float-delay: 1s;--bubble-sway-delay: 2s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(37){--bubble-left-offset: 89vw;--bubble-radius: 8vw;--bubble-float-duration: 10s;--bubble-sway-duration: 5s;--bubble-float-delay: 4s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(38){--bubble-left-offset: 37vw;--bubble-radius: 8vw;--bubble-float-duration: 10s;--bubble-sway-duration: 4s;--bubble-float-delay: 4s;--bubble-sway-delay: 2s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(39){--bubble-left-offset: 39vw;--bubble-radius: 6vw;--bubble-float-duration: 12s;--bubble-sway-duration: 5s;--bubble-float-delay: 0s;--bubble-sway-delay: 1s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(40){--bubble-left-offset: 75vw;--bubble-radius: 6vw;--bubble-float-duration: 10s;--bubble-sway-duration: 5s;--bubble-float-delay: 2s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(41){--bubble-left-offset: 27vw;--bubble-radius: 3vw;--bubble-float-duration: 11s;--bubble-sway-duration: 4s;--bubble-float-delay: 0s;--bubble-sway-delay: 4s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(42){--bubble-left-offset: 19vw;--bubble-radius: 6vw;--bubble-float-duration: 7s;--bubble-sway-duration: 4s;--bubble-float-delay: 4s;--bubble-sway-delay: 2s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(43){--bubble-left-offset: 62vw;--bubble-radius: 5vw;--bubble-float-duration: 7s;--bubble-sway-duration: 5s;--bubble-float-delay: 2s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(44){--bubble-left-offset: 28vw;--bubble-radius: 8vw;--bubble-float-duration: 11s;--bubble-sway-duration: 6s;--bubble-float-delay: 3s;--bubble-sway-delay: 4s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(45){--bubble-left-offset: 81vw;--bubble-radius: 10vw;--bubble-float-duration: 9s;--bubble-sway-duration: 6s;--bubble-float-delay: 2s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(46){--bubble-left-offset: 41vw;--bubble-radius: 6vw;--bubble-float-duration: 7s;--bubble-sway-duration: 5s;--bubble-float-delay: 4s;--bubble-sway-delay: 2s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(47){--bubble-left-offset: 76vw;--bubble-radius: 4vw;--bubble-float-duration: 7s;--bubble-sway-duration: 4s;--bubble-float-delay: 4s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(48){--bubble-left-offset: 23vw;--bubble-radius: 6vw;--bubble-float-duration: 8s;--bubble-sway-duration: 5s;--bubble-float-delay: 4s;--bubble-sway-delay: 2s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(49){--bubble-left-offset: 92vw;--bubble-radius: 3vw;--bubble-float-duration: 11s;--bubble-sway-duration: 6s;--bubble-float-delay: 0s;--bubble-sway-delay: 2s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(50){--bubble-left-offset: 65vw;--bubble-radius: 1vw;--bubble-float-duration: 8s;--bubble-sway-duration: 4s;--bubble-float-delay: 1s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-right-to-left}@keyframes float-up{to{transform:translateY(-175vh)}}@keyframes sway-left-to-right{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes sway-right-to-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}.button{display:inline-block;padding:1em 1.5em;border:0;background:#43D3BA;font-size:1em;border-radius:1em;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 4px 12px -4px #43d3ba1f,0 16px 32px #43d3ba29}.button.icon{display:flex;justify-content:center;align-items:center;gap:1em}.container{width:100%;max-width:1366px;margin:0 auto}main{position:relative}main .dark-light{position:absolute;top:0;right:-1em;z-index:10;max-width:50px;max-height:50px;background-color:var(--white);border-radius:.75em;padding:1em;cursor:pointer}main .dark-light .icon.hidden{display:none}main .banner{width:100%;height:20vh;border-radius:1.25em;background-color:#43d3ba;background:radial-gradient(circle farthest-corner at 10% 20%,#43d3d2 0%,#43D3BA 90%);overflow:hidden;position:relative}@media screen and (min-width: 768px){main .banner{height:25vh}}main .personal{position:relative;display:grid}@media screen and (min-width: 768px){main .personal{gap:3em;grid-template-columns:.5fr 2fr 2fr;align-items:flex-start;justify-items:self-start}}main .personal .profile{width:200px;height:200px;position:absolute;border-radius:50%;background:url(/img/profile.jpg) no-repeat;background-size:cover;border:1px solid var(--black);top:-100px;left:50%;transform:translate(-50%)}@media screen and (min-width: 768px){main .personal .profile{position:relative;top:-3em;left:2em;transform:translate(0)}}main .personal .information{margin-top:100px}main .personal .information h1{margin:.5em 0}main .personal .information .cv{margin:1em 0 0;display:flex;align-items:center;justify-content:space-between}main .personal .information .cv .button{width:50%;margin:0 auto}@media screen and (min-width: 768px){main .personal .information .cv .button{width:100%}}@media screen and (min-width: 768px){main .personal .information{margin:0}}main .personal .social{background-color:#fff;width:100%;margin-top:1.5em;padding:2em .5em;border-radius:1em;color:#3e3d42}main .personal .social ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2em}main .personal .social ul li{display:flex;gap:1em;align-items:center;text-align:center;flex-direction:column}main .personal .social ul li span:nth-child(1){font-size:2rem}main .personal .social ul li span:nth-child(2){font-size:1.3rem;text-transform:uppercase;font-weight:600}main .projects{margin-top:2em}main .projects h2{border-bottom:1px solid var(--black);margin-bottom:1em;line-height:1.8}main .projects .content{background:var(--white);padding:1em}main .projects .content .tabs{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:.75em;margin-bottom:1em;user-select:none;overflow-x:auto}main .projects .content .tabs::-webkit-scrollbar{display:none}main .projects .content .tabs li{text-transform:uppercase;font-size:1.2rem;padding:.4em .75em;cursor:pointer;z-index:2}main .projects .content .tabs li.active{color:var(--white)}main .projects .content .tabs:before{content:"";position:absolute;transition:left .2s linear,width .3s linear,top .2s linear;top:var(--t);left:var(--l);width:var(--w);height:var(--h);border-radius:.75em;background:var(--black);z-index:1}main .projects .content .projects-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(18em,1fr));gap:1.25em;grid-auto-flow:dense}main .projects .project{width:100%;display:flex;border-radius:.75em;flex-direction:column;height:20vh;cursor:pointer;overflow:hidden}main .projects .project.is-loading{background:var(--background);background:linear-gradient(90deg,#f9f9fb 8%,#FFFFFF 18%,#f9f9fb 33%);animation:1.5s shine linear infinite;background-size:200% 100%;cursor:initial}@keyframes shine{to{background-position-x:-200%}}