#main {
  display: flex;
  flex-flow: row wrap;
  overflow: auto;
}

#main .site {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

#main .site-card {
  width: 270px;
  padding: 20px;
}

#main .site:focus .site-details,
#main .site:active .site-details,
#main .site-card:focus .site-details,
#main .site-card:active .site-details {
  display: block;
}

#main .site:focus::before {
  background-color: rgba(0,0,0,0.27);
}