*{margin:0;padding:0}html,body{background:rgb(3,3,3);font-family:Montserrat,sans-serif;font-size:62.5%}.webgl{position:fixed;top:0;left:0;outline:none;mix-blend-mode:exclusion}.container{height:100vh;display:grid;place-items:center;width:80vw;align-items:center;transform:translate(10vw)}.heading-container{height:100vh;display:grid;place-items:center}h1{font-size:10rem;text-transform:uppercase;color:#fff;animation:moveInRight 1s ease-out}h2{font-size:6rem;text-transform:uppercase;color:#fff;animation:moveInLeft 1s ease-out}h3{font-size:4rem;text-transform:uppercase;color:#9ec5ab;animation:moveInLeft 1s ease-out}h4{font-size:3rem;text-transform:uppercase;color:#9ec5ab}p{font-size:1.6rem;color:#fff}section{height:100vh;width:90%}.section-container{height:100vh;display:grid;place-items:center;margin-top:5rem;margin-bottom:5rem}.about-me-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:10rem}.website{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-bottom:10rem}.websites-grid{margin-top:5rem;margin-bottom:10rem;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem}.about-me-container-item{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:80rem}.about-me-text{font-size:2rem}.me-image{width:100%;height:100%;max-width:60rem;max-height:80rem;border-radius:4px}a{text-decoration:none;color:#9ec5ab}@media (max-width: 768px){body{font-size:40%}h1{font-size:5rem;text-transform:uppercase;color:#fff;animation:moveInRight 1s ease-out}h2{font-size:4rem;text-transform:uppercase;color:#fff;animation:moveInLeft 1s ease-out}h3{font-size:2rem;text-transform:uppercase;color:#9ec5ab;animation:moveInLeft 1s ease-out}h4{font-size:3rem;text-transform:uppercase;color:#9ec5ab}p{font-size:1.6rem;color:#fff}img{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;animation:moveInBottom .6s ease-out}.section-container{height:auto;margin-top:5rem;margin-bottom:5rem}.icon{height:70px;width:70px}.about-me-container{flex-direction:column}.about-me-container-item{margin-bottom:4rem}.websites-grid{margin-top:5rem;margin-bottom:10rem;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:2rem}}@keyframes moveInLeft{0%{opacity:0;transform:translate(-10rem)}80%{opacity:1;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;transform:translate(10rem)}80%{opacity:1;transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(5rem)}to{opacity:1;transform:translate(0)}}