#projects>div{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}.project-card{border:1px solid;border-radius:.75rem;min-height:256px;overflow:hidden;box-shadow:0 20px 25px -5px #374151,0 8px 10px -6px #374151;transition:box-shadow .3s cubic-bezier(.4, 0, .2, 1);display:flex;flex-direction:column;height:100%;padding:1rem}.project-card:hover{box-shadow:none}.project-card>div:first-child{display:flex;justify-content:space-between}.project-card>div:first-child>div:first-child>h3{font-size:1.5rem;line-height:2rem;font-weight:700}.project-card>div:first-child>div:first-child>p{text-transform:uppercase}.project-card>div:first-child>div:first-child>div:last-child{display:flex;gap:.5rem}.project-card>div:first-child>div:nth-child(2)>img{width:3rem;height:3rem;border-radius:50%}.project-card>div:first-child>div:nth-child(2)>img[x-disabled=true]{opacity:.5}.project-card>p{padding:1rem 0}.project-card>div:last-child{position:relative;flex:1;padding-top:2rem}.project-card>div:last-child>*{position:absolute;bottom:0;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:768px){#projects>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){#projects>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem}}