body {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}

.stormx-logo {
  height: 30px;
}

nav {
  margin-bottom: 5rem!important;
  background-image: linear-gradient(rgb(247, 244, 254), rgb(255, 255, 255));
}

.navbar-nav li.active {
  font-weight: bold;
}

.nav-item {
  padding-left: 1rem!important;
  padding-right: 1rem!important;
}

h1, h2, h3 {
  font-weight: bold;
}

p {
  color: rgb(116, 111, 127);
}

a {
  color: rgb(107, 56, 223);
}

a:hover {
  color: rgb(107, 56, 223);
  filter: brightness(150%);
}

ul li, ol li {
  color: rgb(116, 111, 127);
}

.sub-headline {
  font-size: 1.2rem;
}

.angle-section {
  display: block;
  widows: 100%;
}

.angle-section-bg {
  background-color: #F6F2FE;
}

.angle-section-bg > div {
  position: relative;
}

.angle-section-img {
  width: 40%;

  @media (min-width: 576px) {
    width: 100%;
  }
}

btn.btn-submit {
  background-color: #fff;
  color: rgb(107, 56, 223);
}

a.btn-submit {
  background-color: rgb(107, 56, 223);
  color: #fff;
}

.btn-submit:hover {
  background-color:rgb(107, 56, 223);
  color: #fff;
  filter: brightness(150%);
}

.card {
  background-color: rgb(244, 244, 245);
  margin-bottom: 1rem;
  cursor: default;
  border-radius: 20px;
  padding: 0.5rem;
  border: none;
}

.card-header {
  background-color: rgb(244, 244, 245);
  cursor: default;
  border-radius: 20px;
  border: none;
}

.card-header > h5 > .btn {
  background-color: rgb(244, 244, 245);
  color: rgb(116, 111, 127);
  font-weight: bold;
  white-space: normal;
  text-align: left;
}

.card-body {
  color: rgb(116, 111, 127);
  padding: 0rem 2rem 2rem 2rem;
}

footer {
  background-color: rgb(244, 244, 245);
}

footer a {
  color: rgb(44, 37, 60);
}

footer a:hover {
  color: rgb(107, 56, 223);
}

.community span {
  color: rgb(116, 111, 127);
}

.community a i {
  padding-left: 10px;
}

.copyright p {
  font-size: 0.75rem;
}

.copyright p a {
  color: rgb(107, 56, 223);
}