@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Allura&display=swap";.header{position:fixed;z-index:50;width:100%;letter-spacing:1px}.navbar{background-color:#000329;border-bottom:rgba(255,255,255,.5) 1px solid;display:flex;justify-content:space-between;min-width:320px;height:70px;padding:12px;filter:drop-shadow(1px 2px 10px hsl(236,88.43%,5.58%))}.navbar__talent{font-size:1.5em;padding:4px;line-height:0;align-items:center;display:flex;margin-left:8px;font-family:Arvo,serif;transition:color .1s}.navbar__talent a{text-decoration:none}.navbar__talent a :hover{text-decoration:wavy;color:#ffdb5a}.navbar__talent-symbol{color:#44b2c8}.navbar__talent-name{color:#fdc500}.navbar__hamburger{font-size:2em;padding:8px;line-height:0}.navbar__icons{display:flex}@media (max-width: 900px){.navbar{width:100%;display:flex;align-items:center;position:sticky;top:0;z-index:100}.navbar__open{position:absolute;display:flex;width:100%}.navbar__desktop,.navbar__closed{display:none}.header__menu{flex-direction:column;z-index:10}.header__menu-link{width:100%;background-color:#23252c;border-right:none;border-bottom:1px solid #2f3138;padding:16px 32px;text-decoration:none;margin:0;font-weight:400;color:#ebebeb;display:flex;align-items:center}.header__menu-link:hover{background-color:#2f3138;color:#f5e5ff}.header__menu-name{margin-left:15px}}@media (min-width: 900px){.header{position:relative}.header .navbar__hamburger{display:none}.header .navbar__desktop{padding:0 24px}.header__menu{display:flex;margin:0 30px;position:absolute;top:0;right:80px;align-items:center}.header__menu-link{padding:22px 12px;text-decoration:none;color:#f5e5ff}.header__menu-link svg{display:none}.header__menu-link:hover{background-color:#020345}.header__menu .active{text-decoration:underline;text-decoration-thickness:.5em;text-decoration-color:#fdc500;color:#fdc500;text-underline-offset:1.6em}}.settings{display:flex;font-size:1.6em;padding:8px;line-height:0;align-items:center}.settings__theme-mode svg{margin-right:12px}.settings__theme-mode svg:hover{cursor:pointer;transform:rotate(359deg);transition:transform .5s}.settings__lang-toggle{font-size:.6em;padding:4px;line-height:normal}.settings__lang-toggle:hover{cursor:pointer}.about{display:flex;padding:50px 0;align-items:center;position:relative}.about__greeting-accent{color:#fdc500}.about__greeting-hi{font-size:4em;font-family:Allura,cursive}.about__greeting-short{width:80%;margin-bottom:32px}.about svg{position:absolute;top:28px;right:0}@media screen and (max-width: 900px){.about{flex-direction:column;padding:30px 0}.about__image img{margin-top:20px}}@media screen and (max-width: 660px){.about svg{display:none}}.projects{width:100%}.project-card{margin-bottom:48px}.project-card__img{aspect-ratio:4/3;overflow:hidden;background-color:#fff;border:12px solid;border-color:#fff;border-radius:2px;position:relative}.project-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card__img img:hover{transform:scale(1.05)}.project-card__title{padding:10px 0;font-size:1.3rem}.project-card__category{background-color:#fff;color:#000329;border-radius:8px;font-size:.8rem;position:absolute;bottom:8px;right:8px;padding:6px}.project-card__tech{display:flex;margin-bottom:8px;font-size:.8rem;flex-wrap:wrap}.project-card__action{display:flex;gap:8px}.project-card__title-link{text-decoration:none;color:inherit}.project-card__title-link:hover{text-decoration:underline}@media (min-width: 900px){.projects{display:flex;flex-wrap:wrap;justify-content:space-between}.project-card{width:48%}}.project-page{max-width:1200px;margin:0 auto;padding:2rem}.project-page h2{padding:10px 0;margin:60px 0;font-size:2em;border-bottom:6px solid rgba(255,105,180,.6588235294)}.project-page__content{display:flex;margin-bottom:2rem}.project-page__timeline{width:80px;display:block;position:relative}.project-page__timeline-line{width:3px;height:100%;background-color:light-dark(hsl(236,100%,8%),hsl(276,100%,98%));position:absolute;left:50%;transform:translate(-50%);z-index:2}.project-page__timeline-circle{width:15px;height:15px;background-color:light-dark(#e0a800,#fdc500);border-radius:50%;position:absolute;left:50%;top:28px;transform:translate(-50%);z-index:3;border:3px solid light-dark(hsl(236,100%,8%),hsl(276,100%,98%))}.project-page__info{width:80%;padding:20px 0;line-height:1.5}.project-page__info-category{color:light-dark(#e0a800,#fdc500);font-size:large;word-spacing:4px}.project-page__info-metadata{font-size:.8rem;color:#44b2c8;margin:8px 0}.project-page__info-metadata-span{padding:0 10px;border-right:1px solid #44b2c8}.project-page__info-metadata-span:first-child{padding-left:0}.project-page__info-metadata-span:last-child{border-right:none}.project-page__info-tech{display:flex;margin:16px 0;font-size:.8rem;flex-wrap:wrap;gap:8px}.project-page__info-description{font-size:.9rem;color:light-dark(hsl(236,100%,8%),hsl(276,100%,95%));margin-left:4px;word-spacing:2px}.project-page__info-bullet{list-style-type:disclosure-closed;margin:10px}.project-page__info-bullet::marker{color:#44b2c8}.project-page__gallery{margin-top:2rem}.project-page__gallery h3{margin-bottom:1rem}.project-page .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1rem}.project-page .gallery-item{overflow:hidden;aspect-ratio:4/3;border:14px white solid;border-radius:2px}.project-page .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;background-color:#fff}.project-page .gallery-item img:hover{transform:scale(1.05)}.project-page .project-card__tech-unit{margin-right:4px;margin-bottom:4px}.project-page__action{display:flex;gap:8px;margin-top:20px}@media (max-width: 768px){.project-page{padding:1rem}.project-page .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.skills{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center}.skills .list{min-width:320px}@media screen and (min-width: 900px){.skills .list{width:50%}}@media screen and (max-width: 900px){.skills .list{width:72%}}.volunteer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:48px;margin-bottom:48px}.volunteer__gallery{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:48px;margin-bottom:48px}.volunteer__gallery-photo{max-width:320px;object-fit:cover;border:14px white solid;margin:20px}.footer{text-align:center;display:flex;flex-direction:column;padding:10px 0;position:relative;width:100%;height:450px;align-items:center;line-height:0;background-color:light-dark(hsl(236,100%,8%),hsl(239,94%,14%));color:light-dark(hsl(276,100%,98%),hsl(276,100%,98%))}.footer__bg{position:absolute;bottom:0;left:0;width:100%;height:400px}.footer__bg img{width:100%;height:100%;object-fit:cover}.footer__container{position:relative;z-index:1;text-align:center;display:flex;background-color:transparent;height:600px;padding-top:50px;width:320px;flex-direction:column}.footer__text{font-size:12px;margin:0;padding:0}.footer__copy{font-size:14px;bottom:50px;position:absolute;text-align:center;width:100%}.footer__social{display:flex;justify-content:space-around;align-items:center;flex-direction:row;flex-wrap:nowrap;margin-bottom:20px;width:100%}.footer__social-icon{color:light-dark(hsl(276,100%,98%),hsl(276,100%,98%));width:24px;height:24px;transition:all .3s;margin:0 5px}.footer__social-icon:hover{transform:scale(1.2);filter:contrast(1.5)}.footer__cv{width:100%}.footer a{text-decoration:none}.footer a:hover{color:#44b2c8}.footer p{padding:8px 0;line-height:20px}.footer__bye{margin:20px 0;font-family:Allura,cursive;font-size:1.5em}@media screen and (min-width: 900px){.footer__container{width:500px}}.experience{width:100%}.experience-card{margin-bottom:48px}.experience-card__img{width:100%;height:300px;background-color:#ff7477;border-radius:8px;position:relative}.experience-card__title{padding:10px 0;font-size:1.6rem}.experience-card__category{background-color:light-dark(hsl(236,100%,8%),hsl(276,100%,98%));color:light-dark(hsl(276,100%,98%),hsl(236,100%,8%));border-radius:8px;font-size:.8rem;position:absolute;bottom:8px;right:8px;padding:6px}.experience-card__tech{display:flex;margin-bottom:8px;font-size:.8rem}.experience-cv__job{display:flex}.experience-cv__timeline{width:80px;display:block;position:relative}.experience-cv__timeline-line{width:3px;height:100%;background-color:light-dark(hsl(236,100%,8%),hsl(276,100%,98%));position:absolute;left:50%;transform:translate(-50%);z-index:2}.experience-cv__timeline-circle{width:15px;height:15px;background-color:light-dark(#e0a800,#fdc500);border-radius:50%;position:absolute;left:50%;top:28px;transform:translate(-50%);z-index:3;border:3px solid light-dark(hsl(236,100%,8%),hsl(276,100%,98%))}.experience-cv__jobinfo{width:80%;padding:20px 0;line-height:1.5}.experience-cv__jobinfo-name{color:light-dark(#e0a800,#fdc500);font-size:large;word-spacing:4px}.experience-cv__jobinfo-date{font-size:.8rem;color:#44b2c8}.experience-cv__jobinfo-date-span{padding:0 10px;border-right:1px solid #44b2c8}.experience-cv__jobinfo-date-span:first-child{padding-left:0}.experience-cv__jobinfo-date-span:last-child{border-right:none}.experience-cv__jobinfo-description{font-size:.9rem;color:light-dark(hsl(236,100%,8%),hsl(276,100%,95%));margin-left:4px;word-spacing:2px}.experience-cv__jobinfo-bullet{list-style-type:disclosure-closed;margin:10px}.experience-cv__jobinfo-bullet::marker{color:#44b2c8}.education__job{display:flex}.education__timeline{width:80px;display:block;position:relative}.education__timeline-line{width:3px;height:100%;background-color:light-dark(hsl(236,100%,8%),hsl(276,100%,98%));position:absolute;left:50%;transform:translate(-50%);z-index:2}.education__timeline-circle{width:15px;height:15px;background-color:light-dark(#e0a800,#fdc500);border-radius:50%;position:absolute;left:50%;top:28px;transform:translate(-50%);z-index:3;border:3px solid light-dark(hsl(236,100%,8%),hsl(276,100%,98%))}.education__info{width:80%;padding:20px 0;line-height:1.5}.education__info-name{color:light-dark(#e0a800,#fdc500);font-size:large;word-spacing:4px}.education__info-date{font-size:.8rem;color:#44b2c8}.education__info-date-span{padding:0 10px;border-right:1px solid #44b2c8}.education__info-date-span:first-child{padding-left:0}.education__info-date-span:last-child{border-right:none}.education__info-description{font-size:.9rem;color:light-dark(hsl(236,100%,8%),hsl(276,100%,95%));margin-left:4px;word-spacing:2px}.education__info-bullet{list-style-type:disclosure-closed;margin:10px}.education__info-bullet::marker{color:#44b2c8}:root{color-scheme:light dark}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Lato,sans-serif;font-weight:400}.light{color-scheme:light}.dark{color-scheme:dark}html[data-theme=dark]{background:#000329;background:linear-gradient(90deg,#000329 63%,#020345);background:-moz-linear-gradient(90deg,hsl(236,100%,8%) 63%,hsl(239,94%,14%) 100%);background:-webkit-linear-gradient(90deg,hsl(236,100%,8%) 63%,hsl(239,94%,14%) 100%)}html[data-theme=light]{background:#fafafa;background:linear-gradient(90deg,#f5e5ff,#f5e5ff);background:-moz-linear-gradient(90deg,hsl(276,100%,95%) 0%,hsl(276,100%,95%) 100%);background:-webkit-linear-gradient(90deg,hsl(276,100%,95%) 0%,hsl(276,100%,95%) 100%)}#root{display:flex;flex-direction:column;position:relative;justify-content:space-between;letter-spacing:1pt;word-spacing:2px;line-height:1.5}.container{color:light-dark(hsl(236,100%,8%),hsl(276,100%,98%));display:flex;flex-direction:column;padding:0 48px;align-items:center;min-width:320px}.main__container{min-height:100vh;margin-bottom:100px;margin-top:70px;min-width:320px}.left{align-content:flex-start}.right{align-content:flex-end}.box{border:1px solid;border-color:light-dark(rgba(0,0,0,.2),rgba(255,255,255,.2));background-color:light-dark(hsl(0,0%,98%),hsl(236,100%,8%));text-align:center;padding:8px;max-width:60vw;border-radius:8px;margin:0 8px 8px 0}.box:hover{background-color:light-dark(hsl(276,100%,98%),hsl(239,94%,14%))}.title{padding:30px 0;margin:30px 0;position:relative;display:inline-block;font-size:2em;z-index:0;text-shadow:3px 3px 3px light-dark(rgba(255,255,255,.5),rgba(0,0,0,.5))}.title:before{content:"";position:absolute;left:0;bottom:1em;width:130%;height:.8em;background-color:#ff69b4a8;z-index:-1;border-radius:4px;transform:translate3d(-10px,10px,10px) skew(330deg) rotate(357deg);transition:transform .3s ease,background-color .3s ease}.title:hover:before{background-color:#ff1493;transform:translate3d(-10px,10px,10px) skew(332deg) rotate(350deg)}.subtitle{padding:32px 0;margin:16px 0;position:relative;display:inline-block;font-size:1.5em;z-index:0;text-shadow:3px 3px 3px light-dark(rgba(255,255,255,.5),rgba(0,0,0,.5))}.subtitle:before{content:"";position:absolute;left:0;bottom:1.5em;width:120%;height:.8em;background-color:#ffc70085;z-index:-1;border-radius:4px;transform:translate3d(-10px,10px,10px) skew(330deg) rotate(357deg);transition:transform .3s ease,background-color .3s ease}.button{height:40px;width:100%;border:1px solid;border-radius:8px;margin-bottom:4px;cursor:pointer;letter-spacing:1px;transition:transform .3s ease,letter-spacing .3s ease;display:flex;justify-content:center;align-items:center;text-decoration:none}.button:hover{letter-spacing:2px;transition:transform .3s ease}.button:active{transform:translate3d(4px,4px,4px);transition:transform .3s ease}.button-half{width:50%}.button-primary{background-color:light-dark(hsl(236,100%,8%),hsl(0,0%,98%));color:light-dark(hsl(0,0%,98%),hsl(236,100%,8%));border-color:light-dark(hsl(0,0%,98%),hsl(236,100%,8%));transform:translateZ(0);font-weight:700}.button-primary:hover{background-color:light-dark(hsl(239,94%,14%),hsl(276,100%,98%))}.button-secondary{background-color:light-dark(hsl(0,0%,98%),hsl(236,100%,8%));color:light-dark(hsl(236,100%,8%),hsl(0,0%,98%));border-color:light-dark(rgba(0,0,0,.2),rgba(255,255,255,.2))}.button-secondary:hover{background-color:light-dark(hsl(276,100%,98%),hsl(239,94%,14%))}@media (min-width: 900px){#root{align-items:center}.container{min-width:900px}.main__container{margin-top:0;width:80%;padding:0 48px;min-width:320px}}