@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Questrial&display=swap";.footer[data-v-2b55a1e2]{position:relative}body{font-family:Questrial;letter-spacing:.1em;background-color:#f3f3f3}@keyframes animate{0%{transform:translateY(150px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes arrow-bounce{0%{transform:translateY(2px)}to{transform:translateY(-4px)}}*{list-style-type:none;padding:0;margin:0;text-decoration:none;box-sizing:border-box;scroll-behavior:smooth}.mail svg{width:24px;height:14px}.mail svg [data-color="1"]{fill:#000}.mail:hover svg [data-color="1"]{fill:#9685ff}.github svg [data-color="1"]{fill:#000}.github:hover svg [data-color="1"]{fill:#9685ff}.reveal{position:relative;transform:translateY(150px);opacity:0;transition:.6s ease-in-out}.animation{position:relative;transform:translateY(150px);opacity:0;animation:animate .6s ease-in-out forwards}.reveal.active{transform:translateY(0);opacity:1}.height{height:81.5dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}.height .button-to-home{padding-top:10dvh}.height .button-to-home p{font-size:20px;font-weight:500;width:fit-content;color:var(--main);position:relative;padding-bottom:3px}.height .button-to-home p:after{content:"";width:0%;height:2px;border-radius:99px;background-color:var(--main);position:absolute;bottom:0;left:0;transition:.3s ease}.height .button-to-home p:hover:after{width:100%}.header-title{font-size:32px;font-weight:500;color:#ff5b5b;padding:18px 0}.header-description{font-size:22px;font-weight:400;color:var(--text)}.header{width:100%;background-color:var(--background);display:flex;flex-direction:row;justify-content:space-between;align-items:center}.link{font-weight:700;cursor:pointer;color:#796bce;position:relative;padding-bottom:3px;text-decoration:none}.link:after{content:"";width:0%;height:2px;border-radius:99px;background-color:#6853f1;position:absolute;bottom:0;left:0;transition:width .3s ease}.link:hover:after{width:100%}.nav{display:flex;align-items:center;justify-content:space-around;margin-right:2vw;z-index:90}.nav ul{--padding: 26px;--font-size: 15px;list-style:none;display:flex;align-items:center;font-size:var(--font-size);background-color:var(--background);overflow-y:hidden;transition:1s cubic-bezier(.68,-.55,.27,10.55)}.nav ul li{padding:var(--padding)}.nav ul li a{color:var(--text);text-decoration:none;position:relative;padding-bottom:3px}.nav ul li a:after{content:"";width:0%;height:1.7px;border-radius:99px;background:var(--main);position:absolute;bottom:0;left:0;transition:.3s ease}.nav ul li:hover a:after{width:100%}.nav ul li.active a:after{width:100%}.nav .menu{width:22px;height:16px;cursor:pointer;display:none;align-items:center;flex-direction:column;justify-content:space-between;position:relative;margin:20px}.nav .menu span{width:100%;height:2px;border-radius:99px;background:#000;transition:.3s ease;transform-origin:left}.nav .menu span:nth-child(3){transform-origin:left}.nav .menu.active span{background:var(--main)}.nav .menu.active span:nth-child(1){transform:rotate(40deg)}.nav .menu.active span:nth-child(3){transform:rotate(-40deg)}.nav .menu.active span:nth-child(2){transform:scale(0)}.go-down-top-container{position:fixed;right:100px;bottom:133px;display:flex;background-color:var(--main);width:2em;height:2em;padding:1.5em;border-radius:50%;justify-content:center;box-shadow:var(--shadow);align-items:center;z-index:99}.go-down-top-container:hover{cursor:pointer}.go-down-top{position:relative}.go-down-top:after{color:var(--text);content:var(--arrow-content, "↓");font-size:30px;position:absolute;top:50%;margin-top:-15px;left:50%;margin-left:-6px}.go-down-top:hover{stroke-dashoffset:0}.go-down-top:hover:after{animation:arrow-bounce .5s infinite alternate ease-out}.go-down:after{color:var(--text);content:var(--arrow-content, "↓");font-size:30px;position:absolute}.go-down:hover{stroke-dashoffset:0}.go-down:after{animation:arrow-bounce .5s infinite alternate ease-out}.go-down-top.changed:after{content:var(--changed-arrow-content, "↑")}.footer{background:#fff;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:1em 2em 1em 3em;bottom:0;position:relative}.icons{display:flex;flex-direction:row;align-items:center;gap:.5em}.icons .mail{transform:translateY(.1em)}.name a{font-weight:900;color:var(--text);text-underline-position:under;text-decoration:underline}.name a:hover{color:var(--main)}.linkedin-link wow-image{filter:brightness(0%) sepia(100%) saturate(0%) hue-rotate(0deg)}.linkedin-link:hover wow-image{filter:invert(50%) sepia(100%) saturate(5000%) hue-rotate(240deg)}@media (max-width: 910px){.nav{align-items:center;justify-content:flex-end}.nav .menu{display:flex}.height{height:84.2dvh}nav ul{--height: 0px;flex-direction:column;position:absolute;width:100%;left:0;top:56px;height:var(--height);transition:1s cubic-bezier(.68,-.55,.27,1.55)}nav ul li{width:100%;text-align:center}nav ul li a{width:100%;text-transform:capitalize}nav ul.active{--height: calc((((var(--padding) * 2) + (var(--font-size) * 1.5))) * var(--childenNumber));transition:1s ease}}@media screen and (max-width: 768px){body{font-size:small}.go-down-top-container{right:23px}.footer{padding:1em}}@keyframes animate{0%,10%{width:0}70%,to{width:100%;border-color:#c19bf5}}@keyframes flicker{0%{border-color:#c19bf5}50%{border-color:transparent}to{border-color:#c19bf5}}.home-main{display:flex;flex-direction:column;height:85vh;justify-content:space-around;align-items:center;align-content:center;max-width:100%}.home-main h1{position:relative;display:inline-block;font-size:3em;font-weight:700;color:transparent}.home-main h1:before{top:0;left:0;width:100%;height:100%;color:var(--text);overflow:hidden;position:absolute;content:attr(data-text);border-right:2px solid #c19bf5;animation:animate 5s linear;white-space:nowrap;animation:animate 5s linear forwards,flicker 1.3s linear 6s infinite}.intro{transform:translateY(3em);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em;height:50%;padding:3em}.go-down-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em}.projects-section{width:100%;max-width:100%;background-color:var(--background)}.projects-section h1{text-align:center;padding-top:2em;font-size:32px;font-weight:bolder}.projects-container{width:100%;padding:3em}.projects-list{display:flex;justify-content:center;width:100%;gap:2vw;flex-wrap:wrap;flex-direction:row;max-width:100%}.project-item{display:flex;flex-direction:column;width:37%;height:40em;overflow:hidden}.project-item a{width:100%;height:100%}.item-top{height:70%;width:100%;overflow:hidden}.item-top img{max-width:100%;width:100%;height:100%;transition:.3s ease-in-out}.item-top img:hover{transform:scale(1.1)}.react{width:10vw;height:5px}.item-caption{width:100%;height:30%;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:2em}.item-caption h2{font-size:26px;font-weight:700;color:var(--text)}.item-caption p{font-size:20px;font-weight:700;width:fit-content;color:#796bce;position:relative;padding-bottom:3px}.item-caption p:after{content:"";width:0%;height:2px;border-radius:99px;background-color:var(--main);position:absolute;bottom:0;left:0;transition:.3s ease}.item-caption p:hover:after{width:100%}@media screen and (max-width: 768px){.item-caption h2{font-size:22px}.item-caption p{font-size:18px}.projects-list{gap:6vh}.project-item{width:100%}}:root{--main: #9685ff;--h3: rgb(128, 125, 149);--background: rgb(248, 248, 248);--text: #03000e;--shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25)}.work-section{width:100%;max-width:100%;background-color:var(--background);padding-bottom:3em}.work-container{width:100%;height:100%;display:flex;flex-direction:column}img{width:100%;height:auto;align-self:center}.img{width:auto;height:80vh}.work-item{width:100%;display:flex;flex-direction:row;align-items:center;max-height:100vh}.work-item .left{width:50%;height:100vh;background-color:var(--main);display:flex;flex-direction:column;justify-content:center;align-items:center}.work-item .right{overflow-y:scroll;padding:2em;max-height:100vh;width:50%;height:100%}.work-item .right::-webkit-scrollbar{display:none}.work-item .text{display:flex;flex-direction:column;gap:2vh}.right h1{line-height:7vh;font-size:32px}.right h3{color:var(--h3);font-size:22px}.right .text{display:flex;flex-direction:column;gap:2vh}@media (max-width: 578px){.work-container{flex-direction:column}.work-item{max-height:100%;flex-direction:column}.work-item .left{width:100%;height:auto}.work-item .right{width:100%;height:100%;overflow:hidden;overflow-y:hidden;max-height:100%}.reverse{flex-direction:column-reverse}}#app[data-v-0b71091a]{display:flex;flex-direction:column}.loader-container[data-v-24f216f4]{background-color:#fff;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;animation:slideIn-24f216f4 1.1s forwards;overflow:hidden}@keyframes slideIn-24f216f4{0%{transform:translate(0)}50%{transform:translate(0)}to{transform:translate(100%)}}#loader[data-v-24f216f4]{background:#6853f1;position:fixed;top:0;left:0;width:50%;height:100%;z-index:999;overflow:hidden;animation:slideOut-24f216f4 1.1s forwards}@keyframes slideOut-24f216f4{0%{width:0%;transform:translate(0)}50%{transform:translate(0)}to{width:100%;transform:translate(100%)}}.projects-section[data-v-13b18d29]{display:flex;flex-direction:column}