.navbar{position:-webkit-sticky;position:sticky;width:100%;top:0;margin:auto;background-color:var(--base-primary);padding:.5rem 1.5rem;min-height:3rem;box-shadow:var(--base-primary-box-shadow);border-radius:1rem;display:flex;justify-content:space-between;z-index:10}.navbar__logo{display:flex;align-items:center;cursor:pointer}.navbar__logo__image{width:5.3rem;height:auto}.navbar__logo__image:hover{box-shadow:none}.navbar__content{display:flex;align-items:center}.navbar__content a{padding:.5rem 1rem;margin:.5rem;border-radius:1rem;transition:.3s ease-in-out;cursor:pointer}.navbar__content a:focus{box-shadow:var(--base-primary-box-shadow-invert)}.navbar__content a:hover{box-shadow:var(--base-primary-box-shadow)}.main{max-width:1000px;margin:auto;height:calc(100vh - 5rem);display:flex;align-items:center;min-height:600px}.main__card{box-shadow:var(--base-primary-box-shadow);padding:2rem;display:flex;flex-direction:column;margin-top:7.5rem;margin-left:1rem;min-width:20rem;max-width:20rem;height:30rem;border-radius:1rem}.main__image{background-color:var(--base-primary);box-shadow:var(--base-primary-box-shadow-invert);height:auto;width:100%;margin-top:-7.5rem;border-radius:2rem;margin-right:auto}.main__image__wrapper{margin:1rem;overflow:hidden;border-radius:1rem}.main__card__info{display:flex;flex-direction:column;justify-content:space-around;height:100%}.main__card__link_container{width:100%;display:flex;justify-content:space-between;color:var(--text-color)}.main__card__links{filter:var(--svg-color-filter);flex-grow:1;height:3rem;width:auto;margin:.5rem 0;transition:.2s ease-in-out}.main__card__links:hover{opacity:.5;transform:translateY(.3rem)}.main__card__text{font-size:1.1rem}.main__card__redirect{display:flex;width:100%}.main__card__button{background:var(--dark-primary);box-shadow:none;width:100%;text-align:center;padding:.5rem;border-radius:.5rem;margin:1rem .5rem 0 0}.main__card__button:hover{box-shadow:var(--base-primary-box-shadow);transition:.3s ease-in-out}.main__intro{flex-grow:1;margin-left:2rem;padding:2rem 2rem 0}.main__intro,.main__intro__text{display:flex;flex-direction:column;justify-content:center}.main__intro__text h1{font-size:6rem}.main__intro__text div{min-width:300px;max-width:490px;height:10rem}.main__intro__text .pop-up-texts{display:flex;flex-wrap:wrap;margin-top:.5rem}.main__intro__text span{display:inline;background-color:var(--base-primary);width:-webkit-min-content;width:-moz-min-content;width:min-content;padding:.1rem .5rem;margin-right:1rem;margin-bottom:1rem;border-radius:.6rem;font-size:2rem}.main__intro__text .special{color:var(--base-primary);-webkit-animation:pop-and-go 5s linear;animation:pop-and-go 5s linear}@-webkit-keyframes pop-and-go{0%{color:var(--base-primary);box-shadow:none;opacity:.3}5%{color:var(--text-color);box-shadow:none;opacity:.3}15%{color:var(--text-color);box-shadow:none;opacity:.3}20%{color:var(--text-color);box-shadow:var(--base-primary-box-shadow);opacity:1}80%{color:var(--text-color);box-shadow:var(--base-primary-box-shadow);opacity:1}85%{color:var(--text-color);box-shadow:none;opacity:.3}to{color:var(--base-primary);box-shadow:none}}@keyframes pop-and-go{0%{color:var(--base-primary);box-shadow:none;opacity:.3}5%{color:var(--text-color);box-shadow:none;opacity:.3}15%{color:var(--text-color);box-shadow:none;opacity:.3}20%{color:var(--text-color);box-shadow:var(--base-primary-box-shadow);opacity:1}80%{color:var(--text-color);box-shadow:var(--base-primary-box-shadow);opacity:1}85%{color:var(--text-color);box-shadow:none;opacity:.3}to{color:var(--base-primary);box-shadow:none}}@media only screen and (max-width:800px){.main{width:80%;flex-direction:column;overflow-y:visible;height:950px}.main__intro{text-align:center;display:block;margin-left:0;padding-left:0;padding-right:0}.main__intro__text div{height:13rem}.main__intro__text h1{font-size:4.5rem}.main__intro__text span{font-size:1.7rem;text-align:left}.main__intro__text .pop-up-texts{justify-content:center}.main__intro__projects{grid-template-columns:auto;justify-content:center;margin-top:1rem}.project__container{margin:1rem 0}}.about{max-width:1050px;min-width:850px;margin:auto;width:90%}.about__container{padding:2rem 0;border-radius:1rem}.about__title{text-align:center;background-color:var(--base-primary);border-radius:1rem;margin-bottom:1rem;z-index:1;transform:translateY(2rem);padding-bottom:.5rem}.about__title:after{content:"";display:block;width:3rem;height:4px;background:var(--secondary);margin:.6rem auto 0;border-radius:2px}.about__info{display:block}.about__info__pic{box-shadow:var(--base-primary-box-shadow);width:300px;height:-webkit-min-content;height:-moz-min-content;height:min-content;border-radius:2rem;padding:2rem;margin:auto}.about__info__pic img{width:100%;border-radius:2rem}.about__info__content{font-size:20px;padding:2rem;line-height:2;margin-bottom:7rem;box-shadow:var(--base-primary-box-shadow);border-radius:2rem}.about__info__subsection{grid-column:1/span 2;padding-bottom:2rem}.about__subsection__title{margin-bottom:1rem;text-align:center}.about__subsection__title:after{content:"";display:block;width:3rem;height:4px;background:var(--secondary);margin:.6rem auto 0;border-radius:2px}.about__skills__container{margin-top:1rem}.about__skills__container span{display:inline-block;box-shadow:var(--base-primary-box-shadow);margin-right:1rem;margin-bottom:1rem;padding:5px 15px;border-radius:1rem}@media only screen and (max-width:900px){.about{min-width:100%}.about__container{width:90%;margin:auto}.about__info{display:block}.about__info__content{padding:2rem;font-size:20px}}.project{max-width:1000px;margin:auto;padding:2rem 0}.project__title{text-align:center;margin-bottom:.75rem}.project__title:after{content:"";display:block;width:3rem;height:4px;background:var(--secondary);margin:.6rem auto 0;border-radius:2px}.project__filter{display:flex;gap:.75rem;justify-content:center;margin-bottom:2.5rem;margin-top:1.5rem}.project__filter__btn{background:var(--base-primary);color:var(--text-color);border:none;padding:.45rem 1.4rem;border-radius:2rem;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:var(--base-primary-box-shadow);transition:box-shadow .2s ease-in-out,background .2s ease-in-out,color .2s ease-in-out;letter-spacing:.03em}.project__filter__btn:hover{box-shadow:var(--base-primary-box-shadow-invert)}.project__filter__btn.active{background:var(--secondary);box-shadow:none;color:#1a2a52}.projects__container{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;width:100%;justify-items:center;align-items:stretch;margin:auto}@media screen and (max-width:800px){.project{width:80%}}@media screen and (max-width:600px){.projects__container{grid-template-columns:1fr}}.project__container{height:100%;width:100%;box-shadow:var(--base-primary-box-shadow);padding:1.2rem 1.4rem;border-radius:1rem;display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:var(--text-color);transition:box-shadow .25s ease-in-out,transform .25s ease-in-out}a.project__container:hover{box-shadow:var(--base-primary-box-shadow-invert);transform:translateY(-2px)}.project__name{font-size:1rem;font-weight:700}.project__description{font-size:.82rem;font-weight:400;line-height:1.55;flex-grow:1;opacity:.85}.project__tools{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.4rem}.project__tools .experience__tool__span{padding:2px 8px;font-size:.72rem;border-width:1.5px;border-radius:6px;margin:0}.about__subsection___experience__container{display:flex;flex-direction:column;position:relative}@-webkit-keyframes moveline{0%{height:0}to{height:100%}}@keyframes moveline{0%{height:0}to{height:100%}}.experience__bar{content:"";position:absolute;left:50%;transform:translateX(-.25rem);width:.5rem;height:100%;background-color:var(--text-color);border-radius:5rem;box-shadow:var(--base-primary-box-shadow);z-index:-1}.experience__container{position:relative;border-radius:1rem;width:50%}.experience__content{box-shadow:var(--base-primary-box-shadow);background-color:var(--base-primary);padding:1rem;border-radius:2rem}.experience__content>*{margin-bottom:.5rem}.left{padding-right:4rem;left:0;text-align:end}.right{left:50%;padding-left:4rem}.left:before{right:-.75rem}.left:before,.right:before{content:"";position:absolute;top:1.5rem;width:25px;height:25px;background-color:var(--text-color);border-radius:50%}.right:before{left:-.8rem}.experience__company{font-weight:700;font-size:20px}.experience__title{font-weight:400;font-size:17px;opacity:.8}.experience__date{font-weight:300;font-style:italic;font-size:15px;opacity:.7;margin-bottom:.75rem}.experience__text{font-weight:400;font-size:16px;line-height:1.6;text-align:left}.left .experience__tool__container{display:flex;flex-wrap:wrap;width:100%;justify-content:end;margin-top:1rem}.right .experience__tool__container{display:flex;flex-wrap:wrap;width:100%;justify-content:start;margin-top:1rem}.experience__tool__span{padding:5px 10px;border-radius:10px;font-size:16px;border:2px solid var(--text-color);margin:4px}@media only screen and (max-width:900px){.experience__container{position:relative;border-radius:1rem;width:100%;padding-left:2rem}.experience__bar{content:"";left:0;z-index:1}.left{padding-right:0}.left,.right{left:0}.left:before,.right:before{left:-.8rem;z-index:2}}body{--dark-primary:#dbe2f4;--base-primary:#f4f5f8;--light-primary:#fff;--secondary:#cdc2a9;--base-primary-light-shadow:#fff;--base-primary-dark-shadow:#e8e9ec;--base-primary-box-shadow:-0.5rem -0.5rem 1rem var(--base-primary-light-shadow),0.5rem 0.5rem 1rem var(--base-primary-dark-shadow);--base-primary-box-shadow-invert:inset 0.5rem 0.5rem 1rem var(--base-primary-dark-shadow),inset -0.5rem -0.5rem 1rem var(--base-primary-light-shadow);--dark-primary-light-shadow:#f1fdee;--dark-primary-dark-shadow:#9dc8a0;--dark-primary-box-shadow:-0.5rem -0.5rem 1rem var(--dark-primary-light-shadow),0.5rem 0.5rem 1rem var(--dark-primary-dark-shadow);--dark-primary-box-shadow-invert:inset 0.5rem 0.5rem 1rem var(--dark-primary-dark-shadow),inset -0.5rem -0.5rem 1rem var(--dark-primary-light-shadow);--general-light-shadow:hsla(0,0%,100%,.5);--general-dark-shadow:#94b095;--general-box-shadow:-0.2rem -0.2rem 0.5rem var(--general-light-shadow),0.2rem 0.2rem 0.5rem var(--general-dark-shadow);--general-box-shadow-invert:inset 0.2rem 0.2rem 0.5rem var(--general-dark-shadow),inset -0.2rem -0.2rem 0.5rem var(--general-light-shadow);--text-color:#293e75;--svg-color-filter:invert(22%) sepia(87%) saturate(423%) hue-rotate(183deg) brightness(90%) contrast(96%);font-weight:600}body,body.dark{color:var(--text-color);font-size:1.3rem}body.dark{--dark-primary:#272e44;--base-primary:#252832;--light-primary:#1e5f74;--secondary:#fcdab7;--base-primary-light-shadow:#272a35;--base-primary-dark-shadow:#232630;--base-primary-box-shadow:-0.5rem -0.5rem 0.5rem var(--base-primary-light-shadow),0.5rem 0.5rem 0.5rem var(--base-primary-dark-shadow);--base-primary-box-shadow-invert:inset 0.5rem 0.5rem 1rem var(--base-primary-dark-shadow),inset -0.5rem -0.5rem 1rem var(--base-primary-light-shadow);--dark-primary-light-shadow:#304779;--dark-primary-dark-shadow:#0d1424;--dark-primary-box-shadow:-0.5rem -0.5rem 1rem var(--dark-primary-light-shadow),0.5rem 0.5rem 1rem var(--dark-primary-dark-shadow);--dark-primary-box-shadow-invert:inset 0.5rem 0.5rem 1rem var(--dark-primary-dark-shadow),inset -0.5rem -0.5rem 1rem var(--dark-primary-light-shadow);--text-color:#cad1e6;--svg-color-filter:invert(89%) sepia(10%) saturate(440%) hue-rotate(190deg) brightness(93%) contrast(85%)}.container{display:flex;flex-direction:column;gap:3rem}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--base-primary);min-width:400px}a{color:inherit;text-decoration:none}