.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(50vmin,1fr));grid-auto-rows:minmax(50vmin,auto);grid-gap:6vmin}@media (min-width:768px){.projects{grid-template-columns:repeat(auto-fill,minmax(39vmin,1fr));grid-auto-rows:minmax(39vmin,auto);grid-gap:4vmin}}@media (min-width:992px){.projects{grid-template-columns:repeat(auto-fill,minmax(32vmin,1fr));grid-auto-rows:minmax(32vmin,auto)}}.projects__item{border-radius:.125rem;position:relative;border:1px groove #982e30;padding:1rem}.projects__item h4{font-size:8vmin;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.projects__item h5{margin:0;font-family:IBM Plex Sans,Helvetica,Arial,sans-serif;font-size:6vmin;color:#c9c9c9}.projects__item h4,.projects__item h5{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.projects__item:active,.projects__item:focus,.projects__item:hover{-webkit-box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4);box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4);background-color:#982e30;border:1px groove #982e30}.projects__item:active h4,.projects__item:focus h4,.projects__item:hover h4{color:#fefdfd}.projects__item:active h5,.projects__item:focus h5,.projects__item:hover h5{color:#1f1f1f}@media (min-width:576px){.projects__item h4{font-size:6vmin}.projects__item h5{font-size:4vmin}}.projects__item-meta{position:absolute;bottom:4vmin;right:4vmin;text-align:right}@media (min-width:768px){.projects__item-meta{bottom:2vmin;right:2vmin}}