@import "https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Slab:wght@700;900&display=swap";::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.Nav,.Hero,.About,.Portfolio,.Contact{width:100%;font-family:Roboto Slab,serif}.Hero,.About,.Portfolio,.Contact{padding:10vh 2rem 2rem}h2{text-align:center;letter-spacing:.2rem;color:#696969;margin:2rem;font-size:1rem}h3{text-align:center;font-size:2rem}.Hero .container{text-align:center;justify-content:center;align-items:center;height:calc(90vh - 4rem);display:flex}.Hero .container div:first-child{font-size:3rem;transform:translate(-4rem)}.Hero .container div:last-child{font-size:1.5rem;transform:translate(2rem)}.Hero .container .hero-text #hero-subtitle{background:#ff0;font-style:italic}.social-links{color:#fff;background:#000;flex-direction:column;font-size:2rem;display:flex;position:fixed;top:20%;right:0}.social-links a{color:inherit;padding:1rem}.Nav{z-index:1;background:#fff;border-bottom:1px solid #e2e2e2;flex-direction:column;justify-content:flex-end;height:4rem;display:flex;position:fixed}.Nav h1 a,.Nav ul a{color:inherit;text-decoration:none}.Nav h1{text-align:center}.Nav ul{justify-content:space-evenly;font-size:2rem;list-style:none;display:flex}.About{flex-direction:column;justify-content:center;align-items:center;display:flex}.About .about-paragraph{text-align:justify;max-width:600px;font-family:Roboto,sans-serif;line-height:1.5rem}.highlight{background:#ff0;font-style:italic;font-weight:900}.About .links-container{width:100%;padding-top:2rem}.links-icons{color:#000;flex-direction:row;justify-content:space-around;font-size:2rem;display:flex}.links-icons a{color:inherit;align-items:center;gap:.25rem;padding:1rem;text-decoration:none;display:flex}.About .skills-container{width:100%;padding-top:2rem}.About .skills-container .skills-icons{grid-template-rows:repeat(3,6rem);grid-template-columns:1fr 1fr 1fr;display:grid}.About .skills-container .skills-icons div:last-child{grid-column:2}.About .skills-container .skills-icons div{flex-direction:column;justify-content:center;align-items:center;display:flex}.About .skills-container .skills-icons div svg{font-size:2rem}.PortfolioCard{margin-bottom:calc(4% + 50px + 2rem)}.Portfolio .PortfolioCard .image-container{justify-content:center;display:flex}.Portfolio .PortfolioCard .image-container img{width:100%;max-width:450px;height:100%}.Portfolio .PortfolioCard .mobile-title{display:block}.Portfolio .PortfolioCard .content .desktop-title{display:none}.Portfolio .PortfolioCard .content .description{color:#696969;text-align:justify;padding-top:1rem;padding-bottom:2rem;font-family:Roboto,sans-serif;line-height:1.5rem}.Portfolio .PortfolioCard .content .portfolio-buttons{justify-content:center;font-family:Roboto,sans-serif;display:flex}.Portfolio .PortfolioCard .content .portfolio-buttons a{color:#fff;background:#000;border-radius:20px;justify-content:space-evenly;align-items:center;width:100px;min-height:40px;text-decoration:none;display:flex}.Portfolio .PortfolioCard .content .portfolio-buttons a:last-child{color:#000;background:#fff;border:1px solid #000;margin-left:1rem}.Portfolio .card-arrows-container{background:#fff;width:100%;height:auto;position:fixed;bottom:0;left:0}.Portfolio .card-arrows-container .card-arrows{color:#fff;-webkit-user-select:none;user-select:none;justify-content:space-around;font-family:Roboto,sans-serif;font-size:.9rem;display:flex;bottom:0}.Portfolio .card-arrows-container .card-arrows #card-indicators{color:#000;justify-content:center;align-items:center;gap:1rem;font-size:48px;display:flex}.Portfolio .card-arrows-container .card-arrows #card-indicators span p{cursor:pointer}.Portfolio .card-arrows #left,.Portfolio .card-arrows-container .card-arrows #right{cursor:pointer;background:#000;border-radius:20px;justify-content:center;align-items:center;width:30%;height:2rem;margin:1rem 2%;display:flex;position:relative}.Portfolio .card-arrows #left:after,.Portfolio .card-arrows-container .card-arrows #right:after{content:"";width:100%;height:100%;position:absolute}.Contact form{flex-direction:column;height:calc(90vh - 12rem);display:flex}#contact-email,#contact-message{border:2px solid #000;border-radius:0;margin-bottom:2rem;padding:1rem}#contact-email:focus,#contact-message:focus{outline:none}#contact-email{height:15px}#contact-message{resize:none;height:40%}.Contact form button{color:#fff;background:#000;border:0;border-radius:20px;justify-content:center;align-items:center;width:100px;min-height:40px;margin:0 auto;font-family:Roboto,sans-serif;font-size:1rem;display:flex}.Contact form p{text-align:center}.Contact .contact-links{justify-content:space-evenly;font-size:1rem;display:flex}.Contact .contact-links div a{color:inherit;align-items:center;text-decoration:none;display:flex}.Contact .contact-links div span{padding-left:.5rem}@media (width>=600px) and (width<=999px){.Hero,.About,.Portfolio,.Contact{padding:10vh 8rem 2rem}h2{margin:3rem}.Hero .container div:first-child{font-size:4rem}.Hero .container div:last-child{font-size:2rem}.Portfolio .PortfolioCard .content .description{max-width:450px;margin:0 auto}.Portfolio .card-arrows #left,.Portfolio .card-arrows-container .card-arrows #right{margin:1rem 2%}.Portfolio .card-arrows-container{border-top:1px solid #e2e2e2}}@media (width>=1000px){.Hero,.About,.Portfolio,.Contact{padding:10vh 15% 2rem}.About .about-paragraph,.Portfolio .PortfolioCard .content .description{line-height:1.75rem}h2{margin:3rem}.Hero .container div:first-child{font-size:6rem;transform:translate(-10rem)}.Hero .container div:last-child{font-size:2.5rem;transform:translate(4rem)}.Portfolio .PortfolioCard{display:flex}.Portfolio .PortfolioCard .mobile-title{display:none}.Portfolio .PortfolioCard .content .desktop-title{display:block}.Portfolio .PortfolioCard .image-container,.Portfolio .PortfolioCard .content{width:50%;height:100%}.Portfolio .PortfolioCard .image-container img{max-width:610px}.Portfolio .PortfolioCard .content .description{padding:2rem}.Portfolio .PortfolioCard .content .portfolio-buttons{justify-content:flex-end}.Contact form{width:50%;height:calc(90vh - 12rem);margin:0 auto}.Contact .contact-links{font-size:1.5rem}}@media (width>=1500px){.Hero,.About,.Portfolio,.Contact{padding:12vh 20% 2rem}.About .skills-container .skills-icons{grid-template-rows:repeat(3,6rem)}.About .skills-container .skills-icons div svg{font-size:3rem}.Contact form{width:50%;height:calc(90vh - 14rem);margin:0 auto}}@media (width<=599px){.links-icons{flex-direction:column;align-items:center}.Portfolio .card-arrows-container{border-top:1px solid #e2e2e2}.Portfolio .card-arrows-container .card-arrows #card-indicators{gap:.5rem;font-size:36px}.Portfolio .card-arrows-container .card-arrows{font-size:.7rem}}