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