html{overflow-x:hidden}#intro{width:80%;margin:0 auto;padding-top:4rem;position:relative;z-index:1}#portfolio{width:80%;margin:0 auto!important;padding:0 0 3rem;display:flex;justify-content:space-around}#portfolio h2{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:400;text-align:left;padding-bottom:2.5rem;text-transform:uppercase;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:radial-gradient(circle at 18.7% 37.8%,#afe5ff 0,rgb(17 77 255/54%) 90%)}#portfolio a{cursor:pointer;padding-bottom:2rem;text-decoration:none}#portfolio a img,#portfolio a video{width:100%;height:350px;object-fit:cover;filter:grayscale(.8);transition:filter .75s ease;border:1px solid #2e2e2e}#portfolio a:hover img,#portfolio a:hover video{filter:grayscale(0)}#portfolio a h3{padding:2rem 1rem;background-image:none;-webkit-text-fill-color:#fff;text-transform:uppercase;text-align:center}#portfolio a:hover h3{-webkit-text-fill-color:#b5fdfb}#banner{display:flex;flex-direction:column;justify-content:center;align-items:center}#banner p{text-align:center;font-size:26px;font-weight:200;width:50%;margin-top:7rem}#banner a,#banner p{text-transform:uppercase}#banner a{padding:.5rem 1rem;list-style:none;color:#fff;text-decoration:none;font-family:Space Grotesk;font-size:1rem;border:1px solid #fff;border-radius:5px;margin-top:1.5rem}#banner a:hover{background-color:#31587f54}@media screen and (max-width:576px){#portfolio,#portfolio h2{width:90%;padding-bottom:1rem}#portfolio{justify-content:flex-start;padding:1rem 0 3rem}#portfolio h2{width:90%;margin:0 auto;font-size:22px;padding:0 0 2rem}#portfolio a{padding:0 .5rem}#portfolio a img{height:300px}#portfolio a h3{font-size:20px;text-align:center;padding:2rem .5rem}#banner p{width:95%;font-size:1.25rem;margin-top:4rem}}