@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);.trapani__navbar{align-items:center;display:flex;justify-content:space-between;padding:2rem 6rem}.trapani__navbar-links{align-items:center;display:flex;flex:1 1;justify-content:flex-start}.trapani__navbar-links-logo{margin-right:2rem}.trapani__navbar-links_logo img{height:75px;width:75px}.trapani__navbar-links_container,.trapani__navbar-links_icons{display:flex;flex-direction:row}.trapani__navbar-links_icons{align-items:center;color:#fff}.trapani__navbar-links_icons svg{margin:0 .5rem 0 1rem}.trapani__navbar-links_container p,.trapani__navbar-menu_container p{color:var(--color-text);cursor:pointer;font-family:var(--font-family);font-size:18px;font-weight:500;line-height:25px;margin:0 3rem;text-transform:capitalize;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.trapani__navbar-links_container p:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.trapani__navbar-menu{display:none;margin-left:1rem;position:relative}.trapani__navbar-menu svg{cursor:pointer}.trapani__navbar-menu_container{align-items:flex-end;background:var(--color-footer);border-radius:5px;box-shadow:0 0 5 rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:flex-end;margin-top:1rem;min-width:210px;padding:2rem;position:absolute;right:0;text-align:end;top:40px}.trapani__navbar-menu_container p{margin:1rem 0}.swing-in-top-fwd{-webkit-animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both;animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both}@-webkit-keyframes swing-in-top-fwd{0%{opacity:0;-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:top;transform-origin:top}}@keyframes swing-in-top-fwd{0%{opacity:0;-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:top;transform-origin:top}}@media screen and (max-width:1050px){.trapani__navbar-links_container{display:none}.trapani__navbar-menu{display:flex}}@media screen and (max-width:700px){.trapani__navbar{padding:2rem 4rem}}@media screen and (max-width:550px){.trapani__navbar{padding:2rem}.trapani_navbar-menu_container{top:20px}}.trapani__experience-container_projects{display:flex;flex-direction:column}.trapani__experience-container_projects,.trapani__experience-container_projects-image{background:var(--color-experience);height:100%;width:100%}.trapani__experience-container_projects-image img{height:100%;width:100%}.trapani__experience-container_projects-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1rem 1.5rem;text-align:center}.trapani__experience-container_projects-content h3{color:var(--color-text);font-family:var(--font-family);font-size:25px;font-weight:800;line-height:40px}.trapani__experience-container_projects-content p{color:var(--color-text);font-family:var(--font-family);font-size:15px;line-height:25px}.trapani__experience-container_projects-button{align-items:flex-end;display:flex;flex-direction:row;justify-content:space-around;margin:.5rem 0}.trapani__experience-container_projects-button a{background-color:var(--color-button);font-family:var(--font-family);font-size:15px;font-weight:900;line-height:25px;margin:.5rem 1rem 0 0;padding:.3rem 1rem}.trapani__experience-container_projects-button a:hover{background-color:var(--color-button-hover);color:#b4dfe5}@media screen and (max-width:550px){.trapani__experience-container_projects-content{font-size:18px;line-height:25px}}.trapani__techstack-container_skills{display:flex;flex-direction:column;height:100%;width:100%}.trapani__techstack-container_skills-image{display:flex;height:100%;justify-content:center;width:100%}.trapani__techstack-container_skills-image img{height:6.5rem}.trapani__techstack-container_skills-header{text-align:center}.trapani__techstack-container_skills-header h3{color:var(--color-header);font-family:var(--font-family);font-weight:400;margin-top:1rem}.trapani__experience{background:var(--color-bg);display:flex;flex-direction:column}.trapani__experience-heading{margin-bottom:.5rem;text-align:center;width:100%}.trapani__experience-heading h2{font-family:var(--font-family);font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:50px;margin-bottom:1rem}.trapani__experience-heading p{font-family:var(--font-family);font-size:25px;font-weight:400;letter-spacing:-.04em;line-height:30px}.trapani__experience-container{display:flex;flex-direction:row}.trapani__experience-container_groupB{grid-gap:2rem;display:grid;flex:1 1;grid-template-columns:repeat(2,1fr);justify-content:center;padding:5rem}@media screen and (max-width:990px){.trapani__experience-container{flex-direction:column}.trapani__experience-container_groupB .trapani__experience-container_projects-image{height:60%}}@media screen and (max-width:700px){.trapani__experience-heading{margin-bottom:1rem}.trapani__experience-heading h2{font-size:25px;line-height:30px}.trapani__experience-container_groupB{grid-template-columns:repeat(1,1fr)}}.trapani__footer{background:#000b16;color:#fff;display:flex;flex-direction:column;font-family:var(--font-family)}.trapani__footer-links{align-items:center;display:flex;flex-direction:column;justify-content:center}.trapani__header{display:flex;margin-bottom:1.5rem;padding:0 5rem}.trapani__header-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-right:5rem}.trapani__header-content h1{font-family:var(--font-family);font-size:50px;font-style:normal;font-weight:800;letter-spacing:-.04em;line-height:65px}.trapani__header-content p{font-family:var(--font-family);font-size:25px;font-weight:400;letter-spacing:-.04em;line-height:40px}.trapani__header-image{align-items:center;display:flex;flex:1 1;justify-content:center;padding:0 0 4rem}.trapani__header-image img{height:100%;width:120%}@media screen and (max-width:1050px){.trapani__header{flex-direction:column}.trapani__header-content{margin:0 0 3rem}}@media screen and (max-width:700px){.trapani__header h1{font-size:30px;line-height:40px}.trapani__header p{font-size:20px;line-height:35px}}@media screen and (max-width:550px){.trapani__header h1{font-size:25px;line-height:30px}.trapani__header p{font-size:15px;line-height:20px}}.trapani__techstack{background:var(--color-bg-techstack);display:flex;flex-direction:column}.trapani__techstack-heading{margin-bottom:3.5rem;text-align:center;width:100%}.trapani__techstack-heading h2{font-family:var(--font-family);font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:50px;margin-bottom:1rem}.trapani__techstack-heading p{font-family:var(--font-family);font-size:25px;font-weight:400;letter-spacing:-.04em;line-height:30px}.trapani__techstack-container_group{grid-gap:2rem;display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:1.5rem}@media screen and (max-width:990px){.trapani__techstack-container_skills{align-items:center}.trapani__techstack-container_group{display:grid;grid-template-columns:repeat(2,1fr)}.trapani__techstack-container_group .trapani__techstack-container_skills-image{width:30%}}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background:var(--color-bg)}a{color:inherit;text-decoration:none}.gradient__bg{background:#001328 0}.gradient__text{-webkit-text-fill-color:transparent;background:var(--color-header);background-clip:text;-webkit-background-clip:text}.section__padding{padding:4rem 6rem}.section__margin{margin:4rem 6rem}.scale-up-center{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:700px){.section__padding{padding:4rem}.section__margin{margin:4rem}}@media screen and (max-width:550px){.section__padding{padding:4rem 2rem}.section__margin{margin:4rem 2rem}}:root{--font-family:"Montserrat";--color-bg:#001328 0%;--color-bg-experience:#171c33;--color-header:#b4dfe5;--color-experience:#1f253d 0%;--color-footer:#001328 0%;--color-button:#b4dfe5;--color-button-hover:#171c33;--color-text:#fff;--color-bg-techstack:#000b16}
/*# sourceMappingURL=main.4273cc53.css.map*/