@import '../../../global.css';

main.main-post {
  background-color: var(--light-blue);
}

main.main-post h1 {
  font-size: 3.6rem;
  color: var(--blue-bg);
  margin-bottom: 2.4rem;
}

main.main-post p {
  font-size: 2rem;
  text-align: justify;
  line-height: 2.4rem;
  margin-bottom: 1.2rem;
  line-height: 3rem;
}

main.main-post p::before {
  content: '';
  margin-left: 4rem;
}

main.main-post > article {
  display: flex;
  flex-direction: column;
}

main.main-post .date {
  font-size: 2rem;
  margin-bottom: 0.4rem;
}

main.main-post article img {
  margin: auto;
  height: 52rem;
  width: auto;
  border-radius: 1.6rem;
  margin-bottom: 3.2rem;
}

main.main-post article :is(strong, em, i,  b) {
  all: unset;
  font-weight: bold;
  color: var(--blue-bg);
}

main.main-post .author {
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 0.8rem;
}

/* Tablet */

@media (max-width: 800px) {
  main.main-post article img {
    width: 100%;
    border-radius: 1.2rem;
    height: auto;
  }
}

/* Mobile */

@media (max-width: 600px) {
  main.main-post article img {
    border-radius: 0.8rem;
  }
}