@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Mulish:wght@700;800&display=swap";.proj-container{display:grid;grid-template-columns:repeat(3,1fr);-moz-column-gap:6%;column-gap:6%;flex-grow:1}@media(max-width:768px){.pc{padding:1rem}.proj-container{grid-template-columns:repeat(1,1fr)}}@media(min-width:768px)and (max-width:1160px){.pc{padding:2.5rem}.proj-container{grid-template-columns:repeat(2,1fr)}}.proj-card{border:2px solid #000;border-radius:.75em;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);align-items:center;font-size:1em;margin:1rm 1rm 2em;overflow:hidden;padding:7.5%;position:relative;transition:box-shadow .3s ease-in-out}.proj-card:hover{box-shadow:0 4px 10px rgba(0,0,0,.2);transform:translateY(-4px)}.project-image{border:2px solid #eaeaea;display:inline-block;margin-bottom:2em}