@import url("font.scss");
body {
  background-color: #2A3070;
  font-family: "Mark Pro", sans-serif;
  color: white;
  font-size: 1.6rem;
}

h1 {
  font-size: 2.4rem;
}

.navbar {
  background-color: #2A3070;
  --bs-navbar-brand-margin-end: auto;
}
.navbar p {
  font-size: 1.2rem;
}
.navbar .navbar-brand {
  color: white;
  font-size: 2.5rem;
}
.navbar .navbar-brand .by {
  color: #FED322;
  font-size: 1.5rem;
}
.navbar img {
  width: 255px;
  height: auto;
}

.under800 {
  display: none;
}

.container img {
  width: 100%;
  margin-bottom: 66px;
}

a {
  color: white;
  text-decoration: underline;
}
a.btn {
  color: #FED322;
  text-decoration: none;
  padding: 15px;
  border: 2px solid #FED322;
  border-radius: 20px;
  font-size: 1.6rem;
}
a.btn:hover {
  color: #2A3070;
  background-color: #FED322;
}
a:hover {
  color: #FED322;
}

label {
  color: #FED322;
}

h2 {
  color: #FED322;
}

.ecma {
  font-size: 1.2rem;
  text-align: center;
  margin-top: 30px;
}

@media (max-width: 775px) {
  .by {
    display: block;
    font-size: 1.2rem !important;
  }
  .navbar img {
    width: 210px;
    height: auto;
  }
}
@media (max-width: 625px) {
  .navbar .navbar-brand {
    font-size: 2rem;
    font-weight: 700;
  }
}
@media (max-width: 983px) {
  .navbar p {
    display: none;
  }
  .navbar .navbar-brand .by {
    display: none;
  }
  .under800 {
    display: block;
  }
  .under800 p {
    font-size: 1.2rem;
  }
  .under800 .byMobile {
    color: #FED322;
    font-size: 1.5rem;
    font-weight: 500;
  }
}
@media (max-width: 1160px) {
  .by {
    display: block;
  }
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.4rem;
  }
}

/*# sourceMappingURL=style.css.map */