.scroll-reveal,.scroll-reveal-left,.scroll-reveal-right{will-change:transform,opacity}.delay-200{transition-delay:.2s}.delay-400{transition-delay:.4s}.delay-600{transition-delay:.6s}.no-js .scroll-reveal,.no-js .scroll-reveal-left,.no-js .scroll-reveal-right{opacity:1;transform:none}:root{--font-color: #000000;--font-color-moon: #c89fa3;--font-sub-color: #F7EBEC;--font-sub-color-moon: #FFDBDA;--bar-color: #b4656F;--bar-color-moon: #754043;--card-background: #5c082a;--card-background-moon: #b4656F;--portfolio-background: #C89FA3;--portfolio-background-moon: #985f6f;--profile-color: #EACDC2;--profile-color-moon: #280004;--title-color: #1A1423;--title-color-moon: #EACDC2}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:12px;overflow-x:hidden}section{min-height:100vh;padding:30px 0;position:relative;overflow:hidden;margin-bottom:-20vh}section:last-child{margin-bottom:0}.profile{padding:30px 0;background-color:var(--profile-color)}.dark{--font-color: var(--font-color-moon);--bar-color: var(--bar-color-moon);--profile-color: var(--profile-color-moon);--title-color: var(--title-color-moon);--card-background: var(--card-background-moon);--portfolio-background: var(--portfolio-background-moon);--font-sub-color: var(--font-sub-color-moon)}@media screen and (max-width: 1000px){.profile__wrapper{max-width:800px}.profile__data-container{grid-column-end:span 2}.portfolio{flex-direction:column}.technologies{padding-top:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.technologies__title{grid-column-end:span 4}}@media screen and (max-width: 830px){.technologies__title{grid-column-end:span 3}.git{grid-column-end:span 2}}@media screen and (max-width: 600px){.profile__wrapper{max-width:450px}.profile__data-container,.projects__title{grid-column-end:span 1}.technologies__title{grid-column-end:span 2}.git{grid-column-end:span 1}}@media screen and (max-width: 470px){.technologies__title{grid-column-end:span 1}}@keyframes underlined{0%{width:0%}to{width:60%}}.header{display:flex;flex-direction:row;justify-content:center;align-items:center;position:fixed;gap:20px;top:0;right:0;left:0;padding:0;z-index:1000;margin:1.25rem}.header__nav{position:relative;z-index:100;width:500px;height:55px}.header__logo-container{height:100%}.header__logo{margin:0 20px;max-width:100%;width:45px;height:auto}.header__nav-list{display:flex;align-items:center;margin:auto;height:100%;justify-content:center;border-radius:50px;background-color:var(--bar-color);-webkit-backdrop-filter:blur(20px) saturate(1.7);backdrop-filter:blur(20px) saturate(1.7)}.header__nav-item{list-style:none;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;width:30%;height:80%;border-radius:50px;cursor:pointer;transition:backgroung-color cubic-bezier(.23,1,.32,1) ease-in-out}.header__nav-item:hover{background-color:#ffffff96;transition-duration:.2s}.header__nav-item a{color:var(--font-sub-color);font-size:16px;text-decoration:none}.header__nav-item:hover a{color:var(--card-background)}.header__nav-item:hover .underlined{background-color:var(--bar-color)}.underlined{display:none;position:absolute;height:1px;bottom:9px;background-color:var(--font-sub-color);animation-timing-function:ease-in-out;animation-name:underlined;animation-duration:.6s;animation-fill-mode:forwards}.header__nav-item:hover .underlined{display:block}.theme-switch{position:relative;display:flex;justify-content:center;direction:rtl}.checked{display:none}.switch-label{font-size:2rem;height:1em;width:2em;border-radius:300px;cursor:pointer;display:flex;justify-content:space-between;background-color:var(--font-sub-color);position:relative}.checked:checked+.switch-label{background-color:var(--portfolio-background)}.switch-label:active{transform:scale(.85);transition:transform .2s}.switch-label div{width:.8em;height:.8em;border-radius:50%;position:absolute;top:.1em;left:.1em;z-index:10;transition:.5s cubic-bezier(1,.33,.11,1.34);background-color:var(--portfolio-background)}.checked:checked+.switch-label div{left:1.1em;background-color:var(--profile-color-moon)}.switch-label span{display:flex}.switch-label svg{display:inline-block;height:1em;width:1em;padding:.15em;box-sizing:border-box}.switch-label span:first-of-type{color:#3a3a3a}.switch-label span:last-of-type{color:#cecece}.profile__wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;margin:auto;max-width:1200px;gap:20px;padding-bottom:20px}.profile__img-container{display:flex;max-height:380px;overflow:hidden;margin:10px 50px;border-radius:10px;outline:1px solid var(--title-color);outline-offset:-8px;box-shadow:5px 5px 8px #00256165}.profile__img{max-width:100%;width:400px;margin:auto}.profile__data-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;max-width:480px;margin:auto}h1,h2{color:var(--title-color);text-align:center;margin-bottom:10px}.profile__data{text-wrap:pretty;font-size:1.2em;margin-bottom:20px;color:var(--font-color)}span{color:var(--title-color)}.profile__title-subtitle{text-align:left;font-size:3em}.profile__title-subtitle span{font-size:2.7em}.profile__title-nickname{text-align:left;font-size:2em;color:var(--title-color)}.profile__title-nickname span{font-weight:500}.download-button{position:relative;border-width:0;color:var(--font-sub-color);font-size:15px;font-weight:600;cursor:pointer;border-radius:4px;z-index:1}.docs{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:0 10px;border-radius:4px;z-index:1;background-color:var(--card-background);border:solid 1px #e8e8e82d;transition:all .5s cubic-bezier(.77,0,.175,1)}.download-button:hover{box-shadow:var(--portfolio-background) 0 54px 55px,var(--portfolio-background) 0 -12px 30px,var(--portfolio-background) 0 4px 6px,var(--portfolio-background) 0 12px 13px,var(--portfolio-background) 0 -3px 5px}.download{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;max-width:90%;margin:0 auto;z-index:-1;border-radius:4px;transform:translateY(0);background-color:var(--bar-color);border:solid 1px var(--card-background);transition:all .5s cubic-bezier(.77,0,.175,1)}.download-button:hover .download{transform:translateY(100%)}.download svg polyline,.download svg line{animation:docs 1s infinite}@keyframes docs{0%{transform:translateY(0)}50%{transform:translateY(-15%)}to{transform:translateY(0)}}.contact{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:auto;padding:50px}.mail{display:flex;gap:20px;flex-direction:column}.mail__title+p{font-size:16px;color:var(--font-color)}.mail__title{font-size:25px;text-align:left;color:var(--card-background);font-weight:600}.mail__link span{padding-left:20px;font-size:20px;color:var(--title-color);font-style:italic}.mail__size{width:20px;height:20px}a{text-decoration:none;color:var(--title-color)}footer{display:block}.footer-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;min-height:60px;background-color:var(--bar-color)}.footer__links{display:flex;justify-content:space-around;align-items:center;min-height:35px}.footer__icons{display:flex;align-items:center;justify-content:center;border-radius:10px;margin:0 5px;padding:0 5px;width:2.5rem;height:2.5rem;transition:background-color .1s ease-in-out}.icon__w-h{width:1.5rem;height:1.5rem}.footer__icons:hover{background-color:#ffffff4a;transition-duration:.2s}.technologies{display:grid;grid-template-rows:repeat(auto-fit,minmax(80px,1fr));gap:5px;padding:5px;margin:0 auto}.technologies__title{color:var(--title-color);text-align:center;font-size:30px;grid-column:1 / -1;margin-bottom:20px}.card{cursor:pointer;min-width:200px;height:70px;perspective:1000px;transition:transform .5s;margin:10px}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .999s}.card:hover .card-inner{transform:rotateY(180deg)}.card:active{transform:scale(.95) rotate(1.7deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden}.card-front{background-size:cover;background-color:var(--bar-color);color:var(--font-sub-color);display:flex;align-items:center;border-radius:10px;justify-content:center;font-size:24px;transform:rotateY(0);box-shadow:0 4px 8px #0000001a}.card-back{color:var(--font-sub-color);background-color:var(--card-background);display:flex;align-items:center;border-radius:10px;justify-content:center;font-size:24px;transform:rotateY(180deg);box-shadow:0 4px 8px #0000001a}.projects__title{grid-column-end:span 2;color:var(--title-color);text-align:center;font-size:30px}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));min-width:300px;max-width:900px;gap:30px}.projects__card{background-color:var(--profile-color);text-align:center;min-width:300px;max-width:400px;min-height:300px;margin:auto;border-radius:20px;transition:all .6s ease}.project__image-container{display:flex;max-height:230px;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;outline:1px solid var(--title-color);outline-offset:-8px;background-color:var(--font-sub-color)}.project-image{max-width:100%;width:200px;margin:auto}.project__description{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:10px;margin:10px 0}.project-title{color:var(--card-background);font-size:25px;letter-spacing:3px;padding-top:10px;margin-left:10px;text-align:left}.project-subtitle{font-size:12px;font-style:normal;color:var(--font-color)}.button{background-color:var(--card-background);color:var(--card-background);width:50px;height:2.9em;border:var(--bar-color) 1px solid;border-radius:11px;transition:all .6s ease;background-color:var(--bar-color);color:#212121;cursor:pointer}.button svg{width:1.6em;margin:-.2em .8em 1em;position:absolute;display:flex;transition:all .6s ease}.button:hover svg{transform:translate(5px)}.projects__card:hover{transform:scale(1.05);transition:transform .3s}.portfolio{display:flex;justify-content:space-evenly;gap:20px;background-color:var(--portfolio-background);margin:auto;padding:50px 20px 100px}.profile{padding:80px 0 40px;background-color:var(--profile-color)}.dark{background-color:var(--dark-profile-color)}