@import url("https://fonts.googleapis.com/css2?family=Arbutus&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arbutus&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Atomic+Age&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Atomic+Age&family=Audiowide&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Atomic+Age&family=Audiowide&family=Bruno+Ace+SC&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Atomic+Age&family=Audiowide&family=Bruno+Ace+SC&family=Petrona:ital,wght@0,100..900;1,100..900&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "Plus Jakarta Sans", sans-serif;
}

.blogHero {
  background: radial-gradient(#37383f, #000000);
  background-repeat: no-repeat;

  color: white;
}

.blogContainer {
  width: 100%;
  margin: auto;
  overflow: hidden;
  padding: 2em;
  text-align: left;
}
h1 {
  color: #fff;
  font-size: 52px;
  letter-spacing: -2px;
  line-height: 70px;
  overflow: hidden;
  margin-bottom: 24px;
}
h2 {
  color: #fff;
}
strong {
  font-size: 26px;
}
.blog-para {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 25px;
  letter-spacing: 1px;
}

li {
  margin-bottom: 12px;
  font-size: 18px;
}

@media only screen and (min-width: 1100px) {
  .blogContainer {
    width: 65%;
  }
}