@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";.app{display:grid;grid-template-rows:5rem 1fr 4rem;min-height:100vh;overflow:hidden}header{grid-row:1}main{margin-left:5rem;margin-right:5rem}footer{grid-row:3;margin-bottom:1rem}::selection{background-color:var(--orange);color:var(--white)}@media (max-width: 800px){main{margin:1rem}}.footer{display:flex;justify-content:center;align-items:center;font-family:Soria;font-size:1rem;letter-spacing:1.5px;font-weight:700;position:relative;color:var(--shadow)}.love-button{background-color:transparent;border:none;cursor:pointer}.confetti-container{position:relative;display:inline-block}.footer{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font-family:Soria;font-size:1rem;letter-spacing:1.5px;font-weight:700;position:relative}.languageSelectorContainer{position:absolute;transform:translateY(-50%)}.languageSelector{display:flex;justify-content:center;align-items:center;height:100%;z-index:9999}.language{cursor:pointer;transition:background-color .2s ease;font-family:Soria;font-weight:700;letter-spacing:1px}.language.active{color:#f7630c}.language:hover,.language:focus{color:#f7630c;outline:none}.languageSelector button{display:block;margin:.7rem;color:var(--shadow);font-size:22px;text-decoration:none;transition:color .3s ease;background-color:transparent;border:none}#gal{border:var(--shadow) solid 2px;border-bottom:none;border-top:none;width:4rem}.languageSelector button:hover{color:#f7630c}@media (max-width: 480px){.languageSelector button{margin:.5rem;font-size:18px}}.aboutMain{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;justify-items:center;margin-top:2rem}.about{grid-column:1 / 2;text-align:justify;font-size:1rem;line-height:1.5;margin-left:10%;margin-right:30%;padding:2rem;margin-bottom:2rem;border-radius:35px 35px 0/35px 35px 0px;background-color:var(--white);box-shadow:10px 10px #182739,0 0 0 5px #182739;position:relative}.about-bubble{width:8rem;right:-6.5px;position:absolute;top:96%;transform:scale(.9)}.about-bubble-border{width:8rem;right:-10px;position:absolute;top:100%}.contact-box{grid-column:1 / 2;margin-left:10%;margin-right:30%;height:30%}.photosAbout{height:50%}#about-circle1{position:absolute;z-index:-1;margin-top:.7rem;width:4rem}#about-circle2{position:absolute;top:10%;right:-5rem}@media (max-width: 1280px){.contact-box{grid-column:1 / 2;margin-left:10%;margin-right:30%;transform:scale(.8)}.aboutMain{margin-left:1rem;margin-right:1rem}}@media (max-width: 883px){.aboutMain{display:flex;flex-direction:column;gap:0rem;align-items:center;justify-items:center}.about,.contact-box{margin-left:0;margin-right:0}.about{font-size:.95rem;line-height:1.35;padding:1.8rem}.contact-box{margin-top:4rem}}@media (max-width: 600px){.aboutMain{display:flex;flex-direction:column;align-items:center;gap:0rem}.about{font-size:.9rem;line-height:1.3;padding:1.3rem;margin-left:.5rem;margin-right:.5rem;margin-bottom:2rem}.contact-box{margin-bottom:2rem}}.contact{text-align:center;border-radius:35px;width:30rem;height:6rem;background-color:var(--white);box-shadow:10px 10px #182739,0 0 0 5px #182739;margin-bottom:1rem;position:relative}.socials{display:inline-block;vertical-align:middle;margin-right:1rem;margin-bottom:1rem}.socials>a{color:#f69838;text-decoration:none;margin:0 10px;font-size:35px;transition:color 1s ease}.socials>a:hover{color:#182739;transition:color .5s ease}.contact-info{display:inline-block;vertical-align:middle;text-align:left}.contact>p{color:#182739;font-size:14px;padding-top:.7rem}.contact-me>a{font-family:Soria;font-size:50px;text-decoration:none;cursor:pointer;transition:color 1s ease;color:#f69838;margin-left:1rem}.contact-me>a:hover{color:#182739;transition:color .5s ease}#contact-star{position:absolute;top:-3.5rem;right:-4rem;width:10rem;z-index:-1}@media (max-width: 600px){.contact{width:90vw;height:5rem;position:relative}.socials{margin-right:0rem;margin-bottom:.5rem}.socials>a{margin:0 4px;font-size:24px}.contact>p{font-size:12px;margin-right:10px;margin-left:10px;padding-top:8px}.contact-me{position:absolute;bottom:1px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center}#contact-me-text{font-size:34px;width:10rem}.contact-me>*{display:inline-block;margin:0}}.photosAbout{width:100%;height:auto;padding:0 1rem;text-align:center;box-sizing:border-box;grid-column:2 / 3}.polaroid{position:relative;background:#ffffff;padding:1rem;box-shadow:0 .2rem 1.2rem #0003}.polaroid>img{max-width:100%;height:auto;width:calc(100% - 2rem)}.caption{font-size:1.5rem;margin-top:.5rem;text-align:center;line-height:1.5em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.mirror:after{content:"✌";display:inline-block;transform:scaleX(-1)}#teamwork{position:absolute;left:70%;top:14%;width:24%}#teamwork .caption{color:var(--orange)}#thats-me{position:absolute;top:15%;left:40%;width:15%}#drogo{position:absolute;left:73%;top:45%;width:12%;font-family:Soria,serif;letter-spacing:2px;font-weight:700;color:var(--shadow)}#capi{position:absolute;left:82%;top:45%;width:12%;font-family:Soria,serif;letter-spacing:2px;font-weight:700;color:var(--shadow)}#hobbies{position:absolute;left:52%;top:30%;width:30%}#astro{position:absolute;left:37%;top:50%;width:13%;font-family:Soria,serif;letter-spacing:2px}#cosmo{position:absolute;left:45%;top:52%;width:13%;font-family:Soria,serif;letter-spacing:2px}.hover-img{display:none;position:absolute;top:8px;left:.9rem}#capi:hover .hover-img{display:block;width:85%}.item{width:40%;filter:grayscale(100%);box-shadow:.5rem .2rem 3px #0003}.item .polaroid:before{content:"";position:absolute;z-index:-1;transition:all .35s}.item:nth-of-type(4n + 1){transform:scale(.8) rotate(5deg);transition:all .35s}.item:nth-of-type(4n + 1) .polaroid:before{transform:rotate(6deg);height:20%;width:47%;bottom:30px;right:12px;box-shadow:0 2.1rem 2rem #0006}.item:nth-of-type(4n + 2){transform:scale(.8) rotate(-5deg);transition:all .35s}.item:nth-of-type(4n + 2) .polaroid:before{transform:rotate(-6deg);height:20%;width:47%;bottom:30px;left:12px;box-shadow:0 2.1rem 2rem #0006}.item:nth-of-type(4n + 4){transform:scale(.8) rotate(3deg);transition:all .35s}.item:nth-of-type(4n + 4) .polaroid:before{transform:rotate(4deg);height:20%;width:47%;bottom:30px;right:12px;box-shadow:0 2.1rem 2rem #0000004d}.item:nth-of-type(4n + 3){transform:scale(.8) rotate(-3deg);transition:all .35s}.item:nth-of-type(4n + 3) .polaroid:before{transform:rotate(-4deg);height:20%;width:47%;bottom:30px;left:12px;box-shadow:0 2.1rem 2rem #0000004d}.item:hover{filter:none;transform:scale(1) rotate(0)!important;transition:all .35s;z-index:10}.item:hover .polaroid:before{content:"";position:absolute;z-index:-1;transform:rotate(0);height:90%;width:90%;bottom:0%;right:5%;box-shadow:0 1rem 3rem #0003;transition:all .35s}@media (max-width: 882px){.photosAbout{width:90%}.polaroid{position:relative}#thats-me,#drogo,#capi,#hobbies,#teamwork,#astro,#cosmo{position:relative;left:0;top:0;width:100%}}.card{position:absolute;top:0;left:0;z-index:2;transform:translateY(0) rotate(4deg) translate(25px) scale(1);transform-origin:0 0;transition:transform .6s cubic-bezier(.8,.2,.1,.8) .1s,background .4s linear;cursor:pointer;-webkit-user-select:none;user-select:none}.cards{width:100%;height:20rem;position:relative;list-style-type:none;margin-bottom:0rem;margin-top:0rem}.polaroid>img{width:100%;height:auto;margin-right:0rem;object-fit:cover}.caption{letter-spacing:2px}.stack .polaroid:before{content:"";position:absolute;z-index:-1;transition:all .35s}.stack:nth-of-type(4n + 1){transform:scale(.8) rotate(5deg);transition:all .35s}.stack:nth-of-type(4n + 1) .polaroid:before{transform:rotate(6deg);height:20%;width:47%;bottom:30px;right:12px;box-shadow:0 2.1rem 2rem #0006}.stack:nth-of-type(4n + 2){transform:scale(.8) rotate(-5deg);transition:all .35s}.stack:nth-of-type(4n + 2) .polaroid:before{transform:rotate(-6deg);height:20%;width:47%;bottom:30px;left:12px;box-shadow:0 2.1rem 2rem #0006}.stack:nth-of-type(4n + 4){transform:scale(.8) rotate(3deg);transition:all .35s}.stack:nth-of-type(4n + 4) .polaroid:before{transform:rotate(4deg);height:20%;width:47%;bottom:30px;right:12px;box-shadow:0 2.1rem 2rem #0000004d}.stack:nth-of-type(4n + 3){transform:scale(.8) rotate(-3deg);transition:all .35s}.stack:nth-of-type(4n + 3) .polaroid:before{transform:rotate(-4deg);height:20%;width:47%;bottom:30px;left:12px;box-shadow:0 2.1rem 2rem #0000004d}.card:last-child{margin-bottom:0}.card--next{z-index:5;transform:translateY(-25px) rotate(4deg) translate(25px) scale(1)}.card--out{animation:card-out .6s cubic-bezier(.8,.2,.1,.8);transform:translateY(-50px) rotate(8deg) translate(55px) scale(.95);z-index:1}@keyframes card-out{0%{z-index:20;transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-120%) rotate(-5deg) translate(-40px)}80%{z-index:1}to{transform:translateY(-50px) rotate(8deg) translate(55px) scale(.95)}}.card--current{cursor:auto;-webkit-user-select:auto;user-select:auto;position:relative;z-index:10;opacity:1;transform:rotate(-1deg) translate(0) scale(1);cursor:pointer}#team-stack,#hobbies-stack{margin-left:-25px;margin-right:-25px;padding-left:25px;padding-right:25px}#drogo-stack,#capi-stack,#me-stack{height:30rem}#astro-stack,#cosmo-stack{height:20rem}@media (max-width: 883px){#capi-stack,#me-stack{height:18rem}#drogo-stack{height:17rem}.cards{margin-bottom:1rem;margin-top:2rem}}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;z-index:400;background-color:#182739;color:#fff;border:none;outline:none;padding:15px;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .3s ease-in-out,background-color .3s ease-in-out;font-size:22px}.scroll-to-top:hover{background-color:var(--orange)}.scroll-to-top.show{opacity:1}@media (max-width: 576px){.scroll-to-top{bottom:1rem;right:1rem;padding:10px;font-size:20px}}@media (min-width: 577px) and (max-width: 992px){.scroll-to-top{bottom:3rem;right:3rem;padding:15px;font-size:30px}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f5dccfb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99}.loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;font-weight:700;font-size:3rem;--w: 10rem;color:var(--shadow);letter-spacing:var(--w);width:var(--w);overflow:hidden;white-space:nowrap;text-shadow:calc(-1 * var(--w)) 0,calc(-2 * var(--w)) 0,calc(-3 * var(--w)) 0,calc(-4 * var(--w)) 0,calc(-5 * var(--w)) 0,calc(-6 * var(--w)) 0,calc(-7 * var(--w)) 0,calc(-8 * var(--w)) 0,calc(-9 * var(--w)) 0;animation:l16 3s infinite;-webkit-user-select:none;user-select:none}@keyframes l16{20%{text-shadow:calc(-1 * var(--w)) 0,calc(-2 * var(--w)) 0 var(--orange),calc(-3 * var(--w)) 0,calc(-4 * var(--w)) 0 var(--orange),calc(-5 * var(--w)) 0 var(--white),calc(-6 * var(--w)) 0,calc(-7 * var(--w)) 0,calc(-8 * var(--w)) 0 var(--white),calc(-9 * var(--w)) 0}40%{text-shadow:calc(-1 * var(--w)) 0,calc(-2 * var(--w)) 0 var(--orange),calc(-3 * var(--w)) 0 var(--white),calc(-4 * var(--w)) 0,calc(-5 * var(--w)) 0 var(--orange),calc(-6 * var(--w)) 0 var(--orange),calc(-7 * var(--w)) 0,calc(-8 * var(--w)) 0 var(--white),calc(-9 * var(--w)) 0}60%{text-shadow:calc(-1 * var(--w)) 0 var(--orange),calc(-2 * var(--w)) 0,calc(-3 * var(--w)) 0 var(--white),calc(-4 * var(--w)) 0,calc(-5 * var(--w)) 0 var(--shadowish),calc(-6 * var(--w)) 0,calc(-7 * var(--w)) 0 var(--white),calc(-8 * var(--w)) 0 var(--orange),calc(-9 * var(--w)) 0 var(--orange)}80%{text-shadow:calc(-1 * var(--w)) 0 var(--white),calc(-2 * var(--w)) 0 var(--white),calc(-3 * var(--w)) 0 var(--shadowish),calc(-4 * var(--w)) 0 var(--orange),calc(-5 * var(--w)) 0 var(--orange),calc(-6 * var(--w)) 0,calc(-7 * var(--w)) 0 var(--shadowish),calc(-8 * var(--w)) 0 var(--white),calc(-9 * var(--w)) 0}}.home{display:flex;justify-content:center;align-items:center;text-align:center}h1{margin-bottom:1rem;font-family:Soria;font-size:4rem;color:var(--shadow)}h2{font-weight:500}.profile{margin-right:5rem}.photo-and-nav{display:flex;flex-direction:column;align-items:center}@media (max-width: 800px){.home{flex-direction:column;justify-content:center}h1{margin-bottom:.2rem;font-size:2.9rem}h2{font-size:1.2rem}.profile{margin-bottom:2rem;margin-right:0rem}.photo-and-nav{display:flex;flex-direction:column;align-items:center}}.photo-container{display:flex;justify-content:center}.photo{position:relative;display:flex;align-items:center}.stars{width:6rem}.photo-left{display:flex;flex-direction:column;position:absolute;left:-2.1rem;top:50%;transform:translateY(-50%)}#photo-star{width:4rem}#photo-right{position:absolute;top:0%;right:0rem}#my-photo{border-radius:50%;width:25rem;height:25rem;object-fit:cover;border:20px solid #fdf7f7;box-shadow:10px 10px #182739,0 0 0 5px #182739}@media (max-width: 480px){#my-photo{width:15rem;height:15rem;border-width:10px}.photo-left{left:-1.7rem}#photo-star{width:3rem}#photo-right{right:-1rem;width:5rem}}.profile-links{display:flex;align-items:center;justify-content:center;margin-top:2rem;width:100%;height:4rem;box-sizing:border-box}.profile-links a{display:block;margin:10px;color:#182739;font-size:60px;text-decoration:none;transition:color .3s ease;margin-right:1.5rem}.profile-links a:hover{color:var(--orange)}.svg-email{width:70px;margin-top:5px}.profile-links svg #svg_2{transition:fill .3s ease}.profile-links svg:hover #svg_2{fill:var(--orange)}@media (max-width: 480px){.profile-links{margin-top:.3rem}.profile-links a{margin:5px;font-size:2rem}.svg-email{width:2rem}}.section-title{display:flex;font-size:5rem;margin-bottom:3rem;margin-top:1rem;justify-content:center;align-items:center;font-family:Soria}@media (max-width: 847px){.all-projects{margin-left:1rem;margin-right:1rem}}.projects-section{display:flex;flex-wrap:wrap;width:100%;gap:3rem;justify-content:center;margin-bottom:3rem;margin-top:2rem}.project-card{position:relative;transition:transform .3s ease-in-out,blur .3s ease-in-out;width:20rem;height:12rem;border-radius:35px;background-color:var(--white);box-shadow:10px 10px #182739,0 0 0 5px #182739;overflow:hidden}.project-card:hover{transform:scale(1.1)}.project-top-line{top:0;left:0;width:100%;height:2.5rem;border-radius:35px 35px 0 0;border-bottom:solid 5px #182739;background-color:var(--orange);position:absolute;z-index:2}.project-top-line>p{color:var(--shadow);font-family:Soria,serif;text-align:center;font-size:1.6rem;font-weight:900;height:100%;margin-top:2px;display:flex;align-items:center;justify-content:center}.project-photo{position:absolute;object-fit:contain;margin-top:2.5rem;width:100%;height:auto;z-index:1}.project-links{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease-in-out;z-index:3;margin-top:1rem}.project-card:hover .project-links{opacity:1}.project-link{text-decoration:none;color:#333;margin:5px;display:block;text-align:center}.link-button{background-color:var(--orange);color:var(--shadow);font-weight:600;padding:5px 10px;border-radius:5px;display:inline-block;transition:scale .3s ease-in-out}.link-button:hover{scale:1.2}#github-project,#demo-project{margin-right:5px;fill:var(--shadow);position:relative}#demo-project{top:1px}.project-card:hover .project-photo{filter:grayscale(80%) blur(3px)}.project-card.project-0{background-color:#2c2c2c}.project-photo.project-0{width:100%;margin-top:0rem}.project-card.project-1{background-color:#010d31}.project-photo.project-2{width:98%;margin-top:.2rem}.project-photo.project-3{object-fit:contain;width:140%;margin-top:.5rem;margin-left:-3.5rem}.project-card.project-3{background-color:#f7edfd}.project-photo.project-5{object-fit:contain;width:110%;margin-left:-1rem}.project-card.project-5{background-color:#1e1e24}.project-card.project-6{background-color:#a3e58a}.side-navigator{position:fixed;top:25vh;right:0px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;background-color:#182739;border-start-start-radius:10px;border-end-start-radius:10px;z-index:9999}.side-navigator a{display:block;margin:10px;color:#fff;font-size:40px;text-decoration:none;transition:color .3s ease}.side-navigator a:hover{color:#f69838}.svg-wrapper{width:40px}.side-navigator svg:hover #id_101{transition:fill .3s ease}.side-navigator svg:hover #id_103{transition:stroke .3s ease}.side-navigator svg:hover #id_101{fill:var(--orange)}.side-navigator svg:hover #id_103{stroke:var(--orange)}@media (max-width: 600px){.side-navigator{display:none}}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:2rem;margin-top:2rem;max-width:100%;width:70%;margin-left:auto;margin-right:auto}.skill-item{margin:.7rem}@media (max-width: 600px){.skills-container{width:100%;margin-bottom:1rem}.skill-item{margin-top:-.5rem;margin-bottom:.1rem}}.skill-card{width:100%;height:auto}.skill-icon{width:4rem;height:auto}@media (max-width: 600px){.skill-icon{width:3.1rem}}.NotFoundPage{display:flex;justify-content:center;align-items:center;text-align:center}.NotFoundPage h1{font-size:10rem;color:var(--orange)}.NotFoundPage h2{font-size:2rem;margin-top:-5rem;color:var(--shadow)}.NotFoundPage div{display:inline-block}.space-button{margin-bottom:-3rem!important}.buttons-404{position:relative}#space-star{position:absolute;top:2.3rem;right:-3rem;width:7rem;z-index:-1}.NotFoundPage a{display:flex;justify-content:center;align-items:center;text-align:center;font-weight:600;margin-top:5rem;color:var(--shadow);text-decoration:none;border-radius:35px;width:10rem;height:3.5rem;background-color:var(--white);box-shadow:10px 10px #182739,0 0 0 5px #182739;transition:color .3s ease-in-out,scale .3s ease-in-out}.NotFoundPage a:hover{color:var(--orange);scale:1.1}@media (max-width: 600px){.space-invaders-link{display:none!important}}header{position:sticky;top:2rem;z-index:99999;padding:10px;display:flex;justify-content:center;align-items:center}.header{display:flex;justify-content:center;align-items:center;width:80%;height:4rem;padding:10px;box-sizing:border-box;border:3px solid #182739;border-radius:35px;background-color:#fff;letter-spacing:2px;font-weight:700}@media (max-width: 1120px){header{top:1rem;padding:5px}.header{height:3.5rem;padding:8px}}@media (max-width: 882px){.header{height:3rem;padding:0}}.nav-container{display:flex;justify-content:center;align-items:center;font-family:Soria}.nav-list{display:flex;list-style:none;align-items:center;width:100%}.nav-list>li{display:flex;text-align:center}.link-nav{text-decoration:none;color:var(--shadow);font-size:1.5rem;margin-right:6rem;flex-grow:1;transition:color .2s ease-in-out;white-space:nowrap}.link-nav:hover{color:var(--orange);text-align:center}.link-nav:hover>svg{fill:var(--orange)}.download{position:absolute;margin-left:1rem;transition:fill .2s ease-in-out}@media (max-width: 1120px){.nav-container{margin:3rem}.link-nav{font-size:1.3rem;margin-right:3rem}.download{width:1.5rem;height:1.5rem;margin-left:.5rem}}@media (max-width: 882px){.nav-container{margin:0rem;font-size:1rem}.link-nav{font-size:1rem;margin-right:1.5rem}.download{width:1rem;height:1rem;margin-left:.3rem}}@media (max-width: 600px){.nav-container{margin:0rem}.link-nav{font-size:.8rem;margin-right:.9rem}.download{width:.9rem;transform:translate(-50%);margin-left:.4rem}}.space-invaders{text-align:center;margin-top:3rem;margin-bottom:2rem}#space-invaders{margin:0 auto;margin-top:1rem;display:block}.instructions{font-size:20px}.instructions>span{font-weight:700}.restart-button{font-weight:600;color:var(--shadow);text-decoration:none;border-radius:35px;width:8rem;height:3rem;background-color:var(--white);box-shadow:10px 10px #182739,0 0 0 5px #182739;transition:color .3s ease-in-out,scale .3s ease-in-out;cursor:pointer;margin-top:1rem}.restart-button:hover{color:var(--orange);scale:1.1}*{margin:0;padding:0;box-sizing:border-box}body{--orange: #f69838;--orangish: #feb2a6;--shadow: #182739;--shadowish: #33334f;--white: #fdf7f7;--back: #f5dccf;font-family:Montserrat,sans-serif;background-color:var(--back);background-size:40px 40px;background-image:linear-gradient(to right,#fdf7f7 2px,transparent 1px),linear-gradient(to bottom,#fdf7f7 2px,transparent 1px)}