.icon{width:24px;height:24px}.generic-section__wrapper{width:100%;height:100%;display:flex;flex-direction:row;position:relative;padding:100px 150px;box-sizing:border-box}@media screen and (max-width:900px){.generic-section__wrapper{padding:80px 20px}}.generic-section__wrapper.with-border-bottom:before{content:"";width:50%;height:2px;background-color:#071952;position:absolute;bottom:0;left:25%}.generic-section__wrapper.no-margin{margin:0}.generic-section__wrapper.no-padding{padding:0}.generic-section__wrapper .title{text-align:center;width:100%;font-size:33px;color:#1e2019}.generic-section__wrapper .title span{font-weight:700;color:#5b8fb9}nav.navigation-dots__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999;padding:10px;position:fixed;list-style-type:none;top:50%;right:20px;transform:translateY(-50%)}@media screen and (max-width:900px){nav.navigation-dots__wrapper{display:none}}nav.navigation-dots__wrapper li a{display:block;width:10px;height:10px;border-radius:50%;margin:5px;background-color:#dcdcdd}nav.navigation-dots__wrapper li a.active{background-color:#5b8fb9}.social-media__wrapper{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:10px;z-index:20;position:fixed;list-style-type:none;bottom:20px;left:10px}@media screen and (max-width:900px){.social-media__wrapper{display:none}}.social-media__wrapper .social-media__link{background-color:#f5fff7;width:40px;height:40px;border-radius:50%;border:2px solid #000;margin:10px 5px 0;display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}nav.navbar__wrapper{background-color:#f5fff7;width:100vw;display:flex;justify-content:space-between;align-items:center;padding:20px;position:fixed;z-index:20;top:0;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-sizing:border-box;border-bottom:1px solid #071952}nav.navbar__wrapper .navbar-name__wrapper{display:flex;justify-content:flex-start;align-items:center}nav.navbar__wrapper .navbar-name__wrapper h1{font-size:30px}@media screen and (max-width:900px){nav.navbar__wrapper .navbar-name__wrapper h1{font-size:25px}}nav.navbar__wrapper ul.nav-links-desktop__wrapper{flex:1 1;justify-content:flex-end;align-items:center;list-style:none;display:flex;padding:10px;margin:0}@media screen and (max-width:900px){nav.navbar__wrapper ul.nav-links-desktop__wrapper{display:none}}nav.navbar__wrapper ul.nav-links-desktop__wrapper li{margin:0 10px;cursor:pointer;display:flex;align-items:center;flex-direction:column}nav.navbar__wrapper ul.nav-links-desktop__wrapper li a{text-transform:uppercase;font-weight:700;transition:all .3s ease-in-out;text-decoration:none}nav.navbar__wrapper ul.nav-links-desktop__wrapper li a:hover{text-decoration:underline;text-underline-offset:4px;color:#5b8fb9}nav.navbar__wrapper .mobile-menu__wrapper{display:flex;flex-grow:1;justify-content:flex-end}@media screen and (min-width:900px){nav.navbar__wrapper .mobile-menu__wrapper{display:none}}nav.navbar__wrapper .mobile-menu__wrapper .menu-icon{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center}nav.navbar__wrapper .mobile-menu__wrapper .mobile-menu__container{background-color:#5b8fb9;position:fixed;top:0;right:0;min-height:100vh;z-index:40;width:80%;padding:10px;height:100%;box-shadow:0 0 20px hsla(0,0%,66%,.15)}nav.navbar__wrapper .mobile-menu__wrapper .mobile-menu__container .close-icon{margin:10px;position:absolute}nav.navbar__wrapper .mobile-menu__wrapper .mobile-menu__container ul.nav-links-mobile__wrapper{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;margin-top:40px;padding-left:0}nav.navbar__wrapper .mobile-menu__wrapper .mobile-menu__container ul.nav-links-mobile__wrapper li{margin:10px 0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}nav.navbar__wrapper .mobile-menu__wrapper .mobile-menu__container ul.nav-links-mobile__wrapper li a{color:#f5fff7;text-decoration:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-transform:uppercase;font-weight:700}.header__wrapper{background-color:#071952;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;height:100%;padding-top:100px;box-sizing:border-box}@media screen and (min-width:900px){.header__wrapper{padding:130px 20px 0;flex-direction:row}}.header__wrapper .header-info__wrapper{height:100%;display:flex;flex-direction:row;justify-content:flex;align-items:center;z-index:10}@media screen and (min-width:900px){.header__wrapper .header-info__wrapper{min-height:500px;gap:100px}}@media screen and (max-width:900px){.header__wrapper .header-info__wrapper{flex-direction:column}}.header__wrapper .header-info-left__wrapper{height:100%;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}@media screen and (max-width:900px){.header__wrapper .header-info-left__wrapper{width:100%;margin-top:10px;padding:10px}}.header__wrapper .header-info-left__wrapper .header-info-description__wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.header__wrapper .header-info-left__wrapper .header-info-description__wrapper .header-info-description-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.header__wrapper .header-info-left__wrapper .header-info-description__wrapper .header-info-description-container .header-info-description{margin-top:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 20px;border-radius:10px;background-color:#f5fff7;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);border:1px solid #071952}@media screen and (min-width:900px){.header__wrapper .header-info-left__wrapper .header-info-description__wrapper .header-info-description-container .header-info-description{width:450px}}.header__wrapper .header-info-left__wrapper .header-info-description__wrapper .header-info-description-container .header-info-description>div{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.header__wrapper .header-info-left__wrapper .header-info-description__wrapper .header-info-description-container .header-info-description>div h2,.header__wrapper .header-info-left__wrapper .header-info-description__wrapper .header-info-description-container .header-info-description>div h6,.header__wrapper .header-info-left__wrapper .header-info-description__wrapper .header-info-description-container .header-info-description>div p{text-align:center}.header__wrapper .header-info-left__wrapper .header-info-description__wrapper .header-info-description-container .header-info-description>div h2{font-size:30px;margin-top:10px}.header__wrapper .header-info-left__wrapper .header-info-description__wrapper .header-info-description-container .header-info-description>div h6{font-size:25px}.header__wrapper .header-info-left__wrapper .header-info-description__wrapper .header-info-description-container .header-info-description>div p{padding-top:10px;font-size:18px}.header__wrapper .header-info-left__wrapper .header-info-subtitle__wrapper{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:wrap;width:100%;margin-top:20px;gap:20px}.header__wrapper .header-info-left__wrapper .header-info-subtitle__wrapper .header-info-subtitle{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:5px 10px;border-radius:10px;font-size:18px;background:#f5fff7;border:1px solid #071952}.header__wrapper .header-info-right__wrapper{height:100%;width:50%;box-sizing:border-box}@media screen and (max-width:900px){.header__wrapper .header-info-right__wrapper{width:100%}}.header__wrapper .header-info-right__wrapper .header-info-right{width:100%;height:100%;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.header__wrapper .header-info-right__wrapper .header-info-right .header-stack__wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:10px;margin-top:40px}.header__wrapper .header-info-right__wrapper .header-info-right .header-stack__wrapper .header-stack{border-radius:50%;background-color:#f5fff7;padding:10px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.header__wrapper .header-info-right__wrapper .header-info-right .header-stack__wrapper .header-stack:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.header-divider{bottom:0;left:0;right:0;pointer-events:none;height:50%}.header-divider,.header-divider svg{position:absolute;width:100%;overflow:hidden}.header-divider svg{height:100%;top:0;fill:#f6f1e9}.about__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%}.about__wrapper .about-section__wrapper{display:flex;flex-direction:row;justify-content:center;align-items:normal;flex-wrap:wrap;margin-top:50px;gap:40px;width:100%}.about__wrapper .about-section__wrapper .about-section-item{width:250px;background-color:#dcdcdd;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:20px;padding:20px 10px;border-radius:10px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.about__wrapper .about-section__wrapper .about-section-item:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}@media screen and (min-width:900px){.about__wrapper .about-section__wrapper .about-section-item{margin-top:0}}.about__wrapper .about-section__wrapper .about-section-item .about-section-item-image{border-radius:20px;object-fit:cover}.about__wrapper .about-section__wrapper .about-section-item h2{color:#071952;font-weight:700;margin-top:10px}.about__wrapper .about-section__wrapper .about-section-item p{text-align:center;margin-top:10px}.portfolio__wrapper{flex-direction:column;height:100%}.portfolio__wrapper,.portfolio__wrapper .categories__wrapper{display:flex;justify-content:center;align-items:center;width:100%}.portfolio__wrapper .categories__wrapper{flex-direction:row;flex-wrap:wrap;margin-top:50px;margin-bottom:50px}.portfolio__wrapper .categories__wrapper .category{background-color:#dcdcdd;color:#1e2019;padding:5px 10px;border-radius:10px;font-weight:700;text-transform:uppercase;font-size:18px;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;transition:all .3s ease-in-out;margin:5px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border:1px solid #071952}.portfolio__wrapper .categories__wrapper .category.active,.portfolio__wrapper .categories__wrapper .category:hover{background-color:#5b8fb9;color:#f5fff7}.portfolio__wrapper .projects__wrapper{display:flex;flex-direction:row;justify-content:center;align-items:normal;flex-wrap:wrap}.portfolio__wrapper .projects__wrapper .project__wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:270px;margin:20px;padding:20px;border-radius:20px;background-color:#dcdcdd;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.portfolio__wrapper .projects__wrapper .project__wrapper:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.portfolio__wrapper .projects__wrapper .project__wrapper .project-image__wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;height:230px;position:relative}.portfolio__wrapper .projects__wrapper .project__wrapper .project-image__wrapper>img{box-sizing:border-box}.portfolio__wrapper .projects__wrapper .project__wrapper .project-image__wrapper.calculegor .project-image,.portfolio__wrapper .projects__wrapper .project__wrapper .project-image__wrapper.itineraryplanner .project-image,.portfolio__wrapper .projects__wrapper .project__wrapper .project-image__wrapper.liedetectorgame .project-image{object-fit:contain}.portfolio__wrapper .projects__wrapper .project__wrapper .project-image__wrapper.battleship>img{padding:20px}.portfolio__wrapper .projects__wrapper .project__wrapper .project-image__wrapper .project-image{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.portfolio__wrapper .projects__wrapper .project__wrapper .project-image__wrapper .project-image,.portfolio__wrapper .projects__wrapper .project__wrapper .project-image__wrapper .project-image-background{width:100%;height:100%;border-radius:20px}.portfolio__wrapper .projects__wrapper .project__wrapper .project-image__wrapper .project-image-background{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.502);transition:all .3s ease;gap:10px;opacity:0}@media screen and (max-width:900px){.portfolio__wrapper .projects__wrapper .project__wrapper .project-image__wrapper .project-image-background{display:none}}.portfolio__wrapper .projects__wrapper .project__wrapper .project-image__wrapper .project-image-background>a>div{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:rgba(0,0,0,.502);color:#fff;border-radius:50%;cursor:pointer}.portfolio__wrapper .projects__wrapper .project__wrapper .project-image__wrapper .project-image-background .eye-icon,.portfolio__wrapper .projects__wrapper .project__wrapper .project-image__wrapper .project-image-background .github-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer}.portfolio__wrapper .projects__wrapper .project__wrapper .project-image__wrapper .project-image-background .github-icon svg{width:30px;height:30px}.portfolio__wrapper .projects__wrapper .project__wrapper .project-info__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;width:100%;position:relative;box-sizing:border-box;height:100%}.portfolio__wrapper .projects__wrapper .project__wrapper .project-info__wrapper>h4{font-weight:700;font-size:18px;margin-top:10px;text-transform:uppercase;color:#071952}.portfolio__wrapper .projects__wrapper .project__wrapper .project-info__wrapper .project-tags{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:wrap-reverse;column-gap:10px;row-gap:3px;margin-top:20px}.portfolio__wrapper .projects__wrapper .project__wrapper .project-info__wrapper .project-tags>p{border-radius:20px;background-color:#a5d7e8;color:#1e2019;padding:6px;font-weight:700;border:1px solid #071952;font-size:12px}.portfolio__wrapper .projects__wrapper .project__wrapper .project-info__wrapper .project-year{display:flex;flex-grow:1;margin-bottom:10px}.portfolio__wrapper .projects__wrapper .project__wrapper .project-info__wrapper .project-year b{margin-right:5px}.portfolio__wrapper .projects__wrapper .project__wrapper .project-info__wrapper .project-description{margin-top:10px;margin-bottom:10px;text-align:center;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.skills__wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.skills__wrapper .content-description{margin-bottom:20px;text-align:center;width:100%;font-size:18px;font-weight:700;text-transform:uppercase}.skills__wrapper .skills__container{width:100%;margin-top:50px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media screen and (min-width:900px){.skills__wrapper .skills__container{flex-direction:row}}.skills__wrapper .skills__container .skills__content{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1}.skills__wrapper .skills__container .skills__content>div{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:30px}@media screen and (max-width:900px){.skills__wrapper .skills__container .skills__content>div{margin-top:0}}@media screen and (min-width:900px){.skills__wrapper .skills__container .skills__content{margin-right:5px}}.skills__wrapper .skills__container .skills__content .skill__container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:5px}.skills__wrapper .skills__container .skills__content .skill__container .skill__image{width:90px;height:90px;border-radius:50%;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:row;justify-content:center;align-items:center}.skills__wrapper .skills__container .skills__content .skill__container p{margin-top:10px}.skills__wrapper .works__container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1;padding:0 10px}@media screen and (max-width:900px){.skills__wrapper .works__container{margin-top:10px}.skills__wrapper .works__container .content-description{margin-top:30px}}.skills__wrapper .works__container ul{border-left:4px dotted #071952;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;list-style:none;margin:0;padding-bottom:40px}.skills__wrapper .works__container ul li{position:relative;padding:10px 0 0;width:100%}.skills__wrapper .works__container ul li .work-start{font-weight:600;position:relative;box-sizing:border-box;width:auto;width:100%}.skills__wrapper .works__container ul li .work-start span{position:absolute;width:10px;height:10px;background-color:#a5d7e8;color:#071952;border-radius:50%;bottom:-13px;left:-52px;border:5px;border-style:double}.skills__wrapper .works__container ul li .work-start:before{content:"";position:absolute;width:144px;height:3px;background-color:#071952;bottom:-6px;left:-50px}.skills__wrapper .works__container ul li div.work-header{display:inline-flex}.skills__wrapper .works__container ul li h4.work-name,.skills__wrapper .works__container ul li p.work-description{margin-top:10px}.skills__wrapper .works__container ul li h4.work-name{font-weight:700;background-color:#a5d7e8;color:#1e2019;width:100%;border-radius:5px;padding:10px 20px;margin-top:15px;box-sizing:border-box}.skills__wrapper .works__container ul li h4.work-name span{text-decoration:underline}.skills__wrapper .works__container ul li p.work-description{margin-bottom:30px}.footer__wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px 10px}.footer__wrapper .footer-form__wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;margin:50px 10px 0}.footer__wrapper .footer-form__wrapper .footer-form__container{width:50%;box-sizing:border-box}@media screen and (max-width:900px){.footer__wrapper .footer-form__wrapper .footer-form__container{width:100%;padding:0 10px}}.footer__wrapper .footer-form__wrapper .footer-form__container .form-input-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;width:100%;margin-top:15px}.footer__wrapper .footer-form__wrapper .footer-form__container .form-input-container button,.footer__wrapper .footer-form__wrapper .footer-form__container .form-input-container input,.footer__wrapper .footer-form__wrapper .footer-form__container .form-input-container textarea{width:100%;padding:10px;border:none;border-radius:10px;background-color:#071952;color:#1e2019;outline:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);font-size:20px;font-weight:400}.footer__wrapper .footer-form__wrapper .footer-form__container .form-input-container textarea{height:170px}.footer__wrapper .footer-form__wrapper .footer-form__container .form-input-container button{width:auto;padding:10px 30px;font-weight:700}footer{width:100%;padding:40px 0;color:#4b4c4d}footer ul{padding:0;list-style:none;text-align:center;font-size:18px;line-height:1.6;margin-bottom:0}footer ul a{color:inherit;text-decoration:none;opacity:.8}footer ul a:hover{opacity:1}footer li{padding:0 10px}footer .social{text-align:center;padding-bottom:25px}footer .social>a{font-size:24px;width:40px;height:40px;line-height:40px;display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;border:1px solid #ccc;margin:0 8px;color:inherit;opacity:.75;padding:10px}footer .social>a:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}footer .copyright{text-align:center}html{scroll-behavior:smooth}#root,body,html{margin:0}*{font-family:Source Code Pro,sans}body{background-color:#f6f1e9}a,body{color:#000}button{outline:none;border:none;background-color:transparent}h1,h2,h3,h4,h5,h6,p{margin:0}