* {
  color: #83bedc;

}

@media screen and (min-width: 600px) {
  /* for desktop */
  main {
    column-count: 2;
    margin: 1rem;

    & img {
      width: 80%;
      border-radius: 2rem;
      margin: 0 auto;
      padding: 1rem 0 0 0;
      display: block;
    }
    & .textbox {
      padding: 1rem 0 0 0;

      & p {
        font-size: 1.5rem;
        font-weight: bold;
      }
    }

    & button {
      font-size: 1rem;
      padding: 0.5rem;
      border: transparent;
      border-radius: 0.5rem;
      background-color: #83bedc;
      color: white;
    }
  }
}
a {
  text-decoration: none;
  color: white;
}

@media screen and (max-width: 600px) {
  /* for mobile */
  main {
    & img {
      width: 80%;
      border-radius: 1rem;
      margin: 0 auto;
      padding: 1rem 0 0 0;
      display: block;
    }
    & .textbox {
      padding: 1rem;

      & p {
        font-size: 1.3rem;
        font-weight: bold;
      }
    }
    & button {
      font-size: 1rem;
      padding: 0.5rem;
      border: transparent;
      border-radius: 0.5rem;
      background-color: #83bedc;
      color: white;
    }
  }
}