.article__content {
  display: flex;
  justify-content: center;
}

.article {
  width: 70%;
}

.article__wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 50px;
}

.article__title {
  margin: 5px 0 45px 0;

  font-family: Simpler;
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  color: #1d1b4c;
}

.article__share {
  display: flex;
  justify-content: center;
  margin: 45px 0 93px 0;
}

.article__bottom {
  margin-bottom: 30px;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.article_back {
  font-family: "Simpler";
  color: #00cdb9;
  text-decoration: underline;
  font-size: 25px;
}

.share__button {
  height: 55px;
  width: 167px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "SimplerBlack";
  font-size: 18px;
  font-weight: 900;
  color: #1d1b4c;
  background: linear-gradient(107deg, #00ffe6 1%, #00f9d9 100%);
  cursor: pointer;
  text-decoration: none;
}

.share__button:active {
  width: 175px;
  background: #1d1b4c;
  color: white;
}

.share__button:hover {
  background: linear-gradient(107deg, #00f9d9 1%, #00ffe6 100%);
}

.buttons {
  position: relative;
}

.article_button {
  display: flex;
  flex-direction: row;
  text-decoration: none;
  font-family: "Simpler";
  font-size: 18px;
}

.transparent_btn {
  /* opacity: 0; */
  /* position: absolute; */
  height: 55px;
  width: 167px;
}

.article__article_content {
  display: flex;
  flex-direction: column;
  font-family: "Simpler";
  font-size: 16px;
  letter-spacing: normal;
  color: #1d1b4c;
}

/* .article__article_content p {
    margin: 45px 0 45px 0;
    text-align: justify;
} */

.article__article_content h2 {
  font-size: 40px;
  margin: 45px 0 45px 0;
}

.article__article_content h3 {
  font-size: 30px;
  margin: 45px 0 45px 0;
}

.article__article_content h4 {
  font-size: 25px;
  margin: 45px 0 45px 0;
}

div:has(iframe) {
  width: 100%;
  margin: 45px 0 45px 0;
}

iframe {
  width: 100%;
  height: 100%;
}

.article__article_content iframe {
  width: 100%;
}

.article__article_content img {
  height: inherit;
  width: 150%;
  align-self: center;
}

.article__article_content ul {
  margin: 45px 0 45px 0;
}

@media screen and (max-width: 500px) {
  .article__article_content iframe {
    height: 350px;
  }

  .article {
    width: 85%;
  }
}

@media screen and (min-width: 501px) and (max-width: 768px) {
  .article__article_content iframe {
    height: 450px;
  }
  .article {
    width: 85%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
  .article__article_content iframe {
    height: 550px;
  }
  .article {
    width: 85%;
  }
}

@media screen and (min-width: 1081px) and (max-width: 1280px) {
  .article__article_content iframe {
    height: 650px;
  }
}

@media screen and (min-width: 1281px) and (max-width: 1600px) {
  .article__article_content iframe {
    height: 750px;
  }
}

@media screen and (min-width: 1601px) and (max-width: 1920px) {
  .article__article_content iframe {
    height: 950px;
  }
}

@media screen and (min-width: 1921px) and (max-width: 2400px) {
  .article__article_content iframe {
    height: 1080px;
  }
}

@media screen and (min-width: 2400px) {
  .article__article_content iframe {
    height: 1280px;
  }
}