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