* {
  box-sizing: border-box;
}
body {
  background-color: black;
}
ul {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
ul li {
  margin-top: 2em;
  margin-bottom: 2em;
}
ul li img {
  width: 100%;
  height: auto;
  background-color: lightgray;
}
@media screen and (max-width: 1000px) {
  ul {
    max-width: 95%;
  }
  ul li {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
}
p {
  margin-top: 3em;
  margin-bottom: 5em;
  text-align: center;
}
.button {
  font-family: 'Ek Mukta', sans-serif;
  font-weight: 800;
  text-decoration: none;
  line-height: 2em;
  font-size: 1.25em;
  padding: 0 15px;
  color: rgb(185, 185, 185);
  background-color: rgb(26, 26, 26);
  display: inline-block;
  margin: 30px;
}
.button:hover {
  background-color: #3a3a3a;
  color: rgb(185, 185, 185);
}
.button:active {
  background-color: #1d1d1d;
  color: rgb(185, 185, 185);
}