/* body */
body {
  font-family: Times New Roman;
  margin: 0;
  padding: 16px;
  background: #19b507;
}

/* titles */

h1, h2, p {
  margin: 0 0 10px 0;
}



/* card */

.card {
  background: white;
  border: 1px solid black;
  border-radius: 12px;   /* round */
  padding: 10px;
}

/* card image */

.card img {
  width: 100%;
  height: auto;
  border-radius: 10px;   /* round */
  border: 1px solid black;
}

/* big image */

.big {
  width: 100%;
  height: auto;
  background: white;
  border: 1px solid black;
  border-radius: 12px;   /* round */
  padding: 8px;
  margin-bottom: 20px;
}

/* flex */

.flex {
  display: flex;
  gap: 12px;
}

.box {
  flex: 1;
  background: white;
  border: 1px solid black;
  border-radius: 12px;   /* round */
  padding: 12px;
}

/* tablet */

@media (max-width: 900px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* phone */

@media (max-width: 600px) {
  .grid {
    grid-template-columns: 1fr;
  }

  .flex {
    flex-direction: column;
  }
}