@import url("https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap");@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap");@import url("https://fonts.googleapis.com/css2?family=Short+Stack&display=swap");@import "/node_modules/flag-icons/css/flag-icons.min.css";*{font-family:Short Stack,cursive;-webkit-font-smoothing:antialiased}body{--paper-color:#bbc9d4;--paper-dark:#95a3ae;--paper-shadow:#8a98a3;--green-neon:#1cedae;--pink-neon:#ff0571;--light-green-neon:#c2ff05;--fluorescent-green-neon:#1eff05;--red-neon:#ff0534;--blue-neon:#40f2fe;font-weight:400;font-style:normal;margin:0;min-height:100vh;background:#111;padding:0 0 40px;background-image:linear-gradient(35deg,hsla(0,0%,7%,1),80%,hsla(0,0%,7%,.6)),linear-gradient(transparent calc(50% - 1px),#fff 1px,transparent calc(50% + 1px) 100%),linear-gradient(90deg,transparent calc(50% - 1px),#fff 1px,transparent calc(50% + 1px) 100%);background-size:100% 100%,40px 40px,40px 40px;background-repeat:no-repeat,repeat,repeat;background-attachment:fixed,scroll,scroll;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.1);border-radius:10px;border:1px solid rgba(255,255,255,.1);cursor:pointer}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:40px}.header{background:none;width:100vw;height:120px;padding:0}.header-container{width:1200px;height:60px;display:flex;flex-direction:row;align-content:center;justify-content:space-between;padding-top:0}.header-container a{text-decoration:none;color:white}.header-container ul{width:100%;display:flex;flex-direction:row;align-content:center}.description-item{display:flex;flex-direction:column;gap:3px;padding-bottom:0}.description-item h3{font-size:30px;margin:0}.header img{width:40px;height:40px}.header h1{font-size:25px;margin:0}.nav-link{font-weight:700}.active{color:#fff;text-shadow:0 0 5px #fff;border-bottom:1px solid #fff;transition-timing-function:ease-in-out}.nav-links-container{display:flex;flex-direction:row;gap:15px;align-items:center;background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px;padding:1px 100px}.nav-links-container a{margin:0;padding:0;cursor:pointer;text-decoration:none;color:white}.brand-container{display:flex;flex-direction:row;gap:10px;align-items:center}.brand-data{display:flex;flex-direction:column;border-left:2px solid white;padding-left:10px;width:max-content}main{height:100vh;max-width:1200px;margin:0 auto;padding-bottom:40px}.lang-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:10px 20px;border-radius:20px}.lang-container a{text-decoration:none}.lang-container a:hover{border-bottom:1px solid #fff}.description-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}footer,header{background:blue;color:white;height:80vh;display:flex;justify-content:center;align-items:center}footer p{font-size:24px;font-weight:700;letter-spacing:-1px}footer a{color:var(--color)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:20px;gap:20px;padding:20px}.grid-item{opacity:0;transition:opacity .5s ease,transform .5s ease}.grid-item .box{width:100%;height:150px;background-color:#ccc;margin-bottom:10px}footer{text-align:center;padding:20px;transition:opacity .5s ease}li,ul{margin:0;padding:0;list-style:none}section{height:500vh;position:relative}ul{position:-webkit-sticky;position:sticky;top:0}li,ul{display:flex}li{width:100vw;height:100vh;flex:0 0 auto;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}h1{font-size:56px;text-align:center}h1,h2{font-weight:700;letter-spacing:-3px;line-height:1.2;margin:0}h2{color:var(--red);font-size:50px;position:relative;bottom:30px;display:inline-block}img{width:300px;height:400px}.progress{position:fixed;left:0;right:0;height:5px;background:green;bottom:50px;transform:scaleX(0)}.box{width:250px;height:250px;border-radius:8px;background:gray}.me-container{background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px;width:100%;height:100%;padding:40px 20px 10px;color:white;flex-direction:column;gap:20px}.dev-container-info,.me-container{display:flex;justify-content:space-between}.dev-container-info{flex-direction:row;padding:15px 20px;align-items:center}.sticky-title{text-align:center}.paper{position:relative;display:flex;justify-content:center;min-width:325px;min-height:175px;background:linear-gradient(135deg,var(--paper-dark),30%,var(--paper-color));box-shadow:3px 3px 2px var(--paper-shadow);transform:rotate(10deg);transform-origin:top left}.paper p{margin:auto}.paper img{image-rendering:crisp-edges;object-fit:contain;width:200px;height:200px;z-index:10000000s}.pin{--pin-color:#d02627;--pin-dark:#9e0608;--pin-light:#fc7e7d;left:20px;width:60px;height:50px}.pin,.shadow{position:absolute}.shadow{top:18px;left:-8px;width:35px;height:35px;border-radius:50%;background:radial-gradient(var(--paper-shadow),20%,rgba(201,191,141,0))}.metal{position:absolute;width:5px;height:20px;background:linear-gradient(90deg,#808080,40%,#eae8e8,50%,#808080);border-radius:0 0 30% 30%;transform:rotate(50deg);transform-origin:bottom left;top:15px;border-bottom:1px solid #808080}.bottom-circle{position:absolute;right:15px;width:35px;height:35px;border-radius:50%;background-color:var(--pin-color);background:radial-gradient(circle at bottom right,var(--pin-light),25%,var(--pin-dark),90%,var(--pin-color))}.bottom-circle:before{content:"";position:absolute;top:0;left:-2px;width:20px;height:30px;transform:rotate(55deg);transform-origin:100% 100%;border-radius:0 0 40% 40%;background:linear-gradient(to right,var(--pin-dark),30%,var(--pin-color),90%,var(--pin-light))}.bottom-circle:after{content:"";position:absolute;right:-10px;top:-5px;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at right,var(--pin-light),30%,var(--pin-color),var(--pin-dark) 80%)}.tech-story{text-align:justify;width:90%}.post-it-container{padding-left:15px;position:relative;width:260px;transform:rotate(-15deg)}.tape{width:80px;height:auto;position:absolute;z-index:3}.tape-top-left{margin-top:-34px;margin-left:-18px;transform:rotate(-25deg)}.tape-top-right{margin-top:-35px;margin-right:32px;transform:rotate(45deg);right:0}.tape-bottom-left{margin-bottom:10px;margin-left:-11px;transform:rotate(55deg);bottom:0}.tape-bottom-right{margin-bottom:12px;margin-right:12px;transform:rotate(-25deg);bottom:0;right:0}.note{width:180px;height:170px;top:-25px;left:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.note,.post-it{background:#bbc9d4;position:relative;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);color:#130d6b}.post-it{margin-top:20px;margin-left:20px;z-index:1;width:250px;height:240px;overflow:hidden;padding:20px;border-radius:0 0 0 30px/45px;box-shadow:inset 0 -40px 40px rgba(0,0,0,.2),inset 0 25px 10px rgba(0,0,0,.2),0 5px 6px 5px rgba(0,0,0,.2);font-family:Permanent Marker,cursive;line-height:1.7em;font-size:19px;transform:rotate(8deg)}.post-it img{height:150px;width:150px;image-rendering:crisp-edges;object-fit:contain}.post-it li{cursor:pointer}.post-it:before{width:20px;height:25px;background:#bbc9d4;box-shadow:3px -2px 10px rgba(0,0,0,.2),inset 15px -15px 15px rgba(0,0,0,.3);left:0;z-index:1;transform:skewX(25deg)}.post-it:after,.post-it:before{content:"";display:block;position:absolute;bottom:0}.post-it:after{width:75%;height:20px;border-top:3px solid #130d6b;border-radius:50%;left:10%}.post-it .rope{display:block;width:2px;height:100px;top:-100px}.post-it .rope,.post-it .rope:before{content:"";position:absolute;background:#130d6b;left:50%;transform:translateX(-50%)}.post-it .rope:before{top:0;width:10px;height:10px;border-radius:50%}.highlight,.highlight-blue,.highlight-fluorescent-green,.highlight-green,.highlight-light-green,.highlight-pink,.highlight-red{background:url(//s2.svgbox.net/pen-brushes.svg?ic=brush-1&color=ffff43);color:#112439;width:max-content;margin:0;padding:1px 30px}.highlight-green{background:url(//s2.svgbox.net/pen-brushes.svg?ic=brush-1&color=1cedae)}.highlight-pink{background:url(//s2.svgbox.net/pen-brushes.svg?ic=brush-1&color=ff0571)}.highlight-light-green{background:url(//s2.svgbox.net/pen-brushes.svg?ic=brush-1&color=c2ff05)}.highlight-fluorescent-green{background:url(//s2.svgbox.net/pen-brushes.svg?ic=brush-1&color=1eff05)}.highlight-red{background:url(//s2.svgbox.net/pen-brushes.svg?ic=brush-1&color=ff0534)}.highlight-blue{background:url(//s2.svgbox.net/pen-brushes.svg?ic=brush-1&color=40f2fe)}.timeline{margin:10px auto;padding:0 2.5em;width:100%;max-width:36em}.timeline-item{position:relative;padding-bottom:20px;display:flex}.timeline-item:not(:last-child):before{background-color:currentColor;content:"";display:block;position:absolute;top:1em;left:.4em;width:.125em;height:100%;transform:translateX(-50%)}.timeline-dot{background-color:currentColor;border-radius:50%;display:inline-block;flex-shrink:0;margin:.625em 0;-webkit-margin-end:1em;margin-inline-end:1em;position:relative;width:.75em;height:.75em}.timeline-content{width:90%;display:flex;flex-direction:column}.timeline-content .timeline-content-title{font-weight:bolder}.role-content{display:flex;justify-content:space-between}.projects-page{color:white;display:flex;flex-direction:column;justify-content:flex-start;width:100%;padding-top:20px}.projects-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px}.blog-container,.projects-container{display:grid;gap:20px;padding:20px 0}.blog-container{grid-template-columns:repeat(auto-fit,minmax(600px,1fr));grid-gap:20px}.blog-card,.project-card{display:flex;flex-direction:column;gap:0;justify-content:space-between;padding:20px;background-color:rgba(255,255,255,.06);border:3px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:white;border-radius:20px;cursor:pointer}.blog-card,.project-card,.project-card:hover{transition:color .3s ease-in-out,box-shadow .3s ease-in-out}.project-card:hover{color:#40f2fe;box-shadow:0 0 1em #40f2fe}.projects-container h2{margin-bottom:0;font-size:35px;padding-top:10px;margin-top:10px;padding-bottom:0}.projects-container p{margin-top:0;padding-bottom:0}.top-resume{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.about-resume-container{width:60%}@media (max-width:767px){.content{width:100%;padding:0 10px}.header{background:none;width:100%;height:120px}.header-container{width:100%;height:60px;align-content:center;justify-content:space-around}.header-container,.nav-links-container{display:flex;flex-direction:row;align-items:center}.nav-links-container{gap:15px;background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px;padding:10px}.nav-links-container a{margin:0;padding:4px;cursor:pointer;text-decoration:none;color:white}.active{color:#fff;text-shadow:0 0 5px #fff;border-bottom:1px solid #fff;transition-timing-function:ease-in-out}.lang-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:10px 20px;border-radius:20px}.brand-data{display:none}.me-container{background-color:transparent;border:none;-webkit-backdrop-filter:unset;backdrop-filter:unset;width:90%;height:100%;color:#ffffff;align-items:center;gap:20px;padding:10px}.dev-container-info,.me-container{display:flex;flex-direction:column;justify-content:space-between}.dev-container-info{gap:10px}.description-container{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:20px;gap:20px;padding:0;width:100%}.about-resume-container{width:100%;margin-top:35px;text-align:justify}.about-resume-container p{width:100%}.description-item{padding:0 5px}.description-item p,.timeline{width:100%}.timeline{margin:auto;padding:0 .5em;max-width:90%}.tech-story{text-align:justify;width:100%}.projects-page{width:90%;padding-top:20px;padding-right:10px}}@media (min-width:768px) and (max-width:1199px){.content{width:100%;padding:0 20px 40px}.header{background:none;width:100%;height:120px}.header-container{width:100%;height:60px;align-content:center;justify-content:space-around}.header-container,.nav-links-container{display:flex;flex-direction:row;align-items:center}.nav-links-container{gap:15px;padding:15px}.me-container,.nav-links-container{background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px}.me-container{width:90%;height:100%;padding:30px 20px 5px;color:white;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.about-resume-container{width:50%}.dev-container-info{display:flex;flex-direction:row;padding:15px 40px;justify-content:space-between;align-items:center}.timeline{margin-top:6px;padding:0 .5em;width:100%;max-width:90%}.description-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.description-item{padding:10px}.description-item p{width:100%}.tech-story{text-align:justify;width:100%}.projects-page{width:90%;padding-top:20px;padding-right:10px}}