header, footer {
  background-image: linear-gradient(62deg, rgba(36, 197, 49, 0.808), rgba(15, 216, 189, 0.74));
  color: black;
  margin: 0px;
  overflow: hidden;
  overflow-x: hidden;
  padding: 10px;
  text-align: center;
  height: auto;
  width: auto;
}

html {
  background-image: linear-gradient(45deg, rgba(62, 233, 142, 0.39), rgba(14, 119, 168, 0.692));
}

/*
body{
    //background-image: linear-gradient(45deg,rgba(62, 233, 142, 0.39),rgba(14, 119, 168, 0.692));
}*/
main {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(16rem, 2fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(16rem, 2fr));
  grid-gap: 2rem 2rem;
  cursor: auto;
  border-color: rgba(18, 90, 150, 0.897);
  margin: 2%;
  border-width: 2rem;
}

main .card {
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.24);
          box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.24);
}

main .card:nth-of-type(1) {
  background-color: rgba(214, 47, 69, 0.76);
}

main .card:nth-of-type(2) {
  background-color: rgba(40, 221, 125, 0.685);
}

main .card:nth-of-type(3) {
  background-color: rgba(214, 47, 69, 0.76);
}

main .card:nth-of-type(4) {
  background-color: rgba(40, 221, 125, 0.685);
}

main .card:nth-of-type(5) {
  background-color: rgba(214, 47, 69, 0.76);
}

main .card:nth-of-type(6) {
  background-color: rgba(40, 221, 125, 0.685);
}

main .card:nth-of-type(7) {
  background-color: rgba(214, 47, 69, 0.76);
}

main .card:hover {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
  -webkit-box-shadow: 5px 10p;
          box-shadow: 5px 10p;
}

main .card img {
  width: 100%;
  height: auto;
}

main .card .info {
  padding: 1rem;
}
/*# sourceMappingURL=style.css.map */