@import url(https://fonts.googleapis.com/css2?family=Knewave&family=Manrope:wght@200..800&display=swap);
@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}.img-links .grid{gap:5rem}.img-links .grid .img-link{position:relative;display:grid;aspect-ratio:1/1.2;padding:3rem;text-align:center;color:var(--white-color);overflow:hidden}.img-links .grid .img-link:before{display:none}.img-links .grid .img-link.large{grid-column:span 2;aspect-ratio:1/.57}.img-links .grid .img-link:hover .content{border-radius:3rem}.img-links .grid .img-link:hover .content:before{background:var(--accent-color);transform:rotate(0) scale(1)}.img-links .grid .img-link .overlay{opacity:.5}.img-links .grid .img-link .content{position:relative;width:auto;max-width:90%;margin:auto;padding:2rem;border-radius:0;color:var(--white-color);text-transform:uppercase;font-size:1.8rem;overflow:hidden;z-index:1;transition:all .5s cubic-bezier(.19,1,.22,1) .3s}.img-links .grid .img-link .content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(90deg) scale(0);transition:all .5s cubic-bezier(.19,1,.22,1);z-index:-1}@media only screen and (hover:none){.img-links .grid .img-link .content{border-radius:3rem}.img-links .grid .img-link .content:before{background:var(--accent-color);transform:rotate(0) scale(1)}}@media only screen and (max-width:1280px){.img-links .grid .img-link h2{font-size:1.998rem}}@media only screen and (max-width:768px){.img-links .grid .img-link{aspect-ratio:1/.6}.img-links .grid .img-link.large{grid-column:span 1;aspect-ratio:1/.8}}@media only screen and (max-width:576px){.img-links .grid .img-link.large{aspect-ratio:1/1.2}}