@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lobster&display=swap");
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

.banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1d1f3d;
  min-height: 40vh;
}

.banner h1 {
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  font-family: Lobster;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #404040;
  font-size: clamp(3.5rem, 5vw, 5rem);
  letter-spacing: 2px;
  font-weight: normal;
}

main p, main a {
  font-family: Poppins;
  font-size: clamp(1.4rem, 2vw, 1.65rem);
}

main h2, main h3 {
  font-family: Poppins;
  font-size: clamp(2rem, 5vw, 2.8rem);
  font-weight: normal;
  margin: 1.5rem 0 1rem 0;
  line-height: 1;
}

main a {
  text-decoration: none;
}

h2:first-child {
  text-align: center;
  width: 100%;
  margin: 1.5rem auto 1rem auto;
}

.sectionP {
  padding: 2rem 2rem;
  max-width: 1440px;
  margin: 0 auto;
}

#section-1 h2 {
  margin-top: 3em;
}

.new {
  display: -ms-grid;
  display: grid;
  grid-row: 1fr 1fr;
  margin: 3rem 0;
}

.new p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  max-width: 650px;
  margin-right: 2em;
}

.new a {
  color: #4282f8;
  margin: 1em 0;
  cursor: pointer;
  /*
        BUTTON DESIGN
        background-color: $BlueD;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: flex-end;
        max-width: 8em;
        padding: .8rem 5em;
        transition: 0.5s ease;
        margin-top: 0.5rem;*/
}

.new a:hover {
  text-decoration: underline;
}

.new a:hover i {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.new a i {
  -webkit-transition: 0.4 ease;
  transition: 0.4 ease;
  width: 16px;
  font-size: clamp(1.4rem, 2vw, 1.65rem);
  margin-right: 2rem;
}

.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 620px) {
  .new {
    -ms-grid-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr;
  }
  .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  h2:first-child {
    width: 80%;
  }
}

@media screen and (min-width: 900px) {
  .sectionP {
    padding: 2rem;
  }
}
/*# sourceMappingURL=style.css.map */