body {
  width: 100%;
  height: 100%;
  font-family: 'Inter var', sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 1.4rem;
  line-height: 150%;
}

h1 {
  font-family: 'Inter var', sans-serif;
  font-weight: 800;
  font-size: 4.5rem;
  margin-bottom: 3rem;
  text-align: center;
}

.h1about {
  margin-bottom: 0;
}

h2 {
  font-family: 'Inter var', sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  text-align: center;
  padding-top: 5rem;
  padding-bottom: 2rem;
}

.container-fluid {
  padding: 13% 15%;
}

.container-fluid-1 {
  padding: 0% 15%;
}

/* .container-help {
  padding: none;
  background-color: #ffd739;
  overflow: hidden;
} */

/* Mobile Settings Start */

@media (max-width: 800px) {
  .container-fluid {
    padding: 6% 5%;
  }

  .container-fluid-1 {
    padding: 0% 5%;
  }

  body {
    font-size: 1.2rem;
  }

  h1 {
    font-size: 3rem;
    margin-bottom: 2rem;
  }

  h2 {
    font-size: 2rem;
    padding-top: 3rem;
  }

  .form-inline .form-control {
    width: 100%;
  }

  .btn-primary {
    margin-left: 1%
  }
  

}

/* Mobile Settings End */

li {
  line-height: 3rem
}

a {
  color: #6e32ff;
}

a:hover {
  color: #9852f9;
}

#mainNavbar {
  /* margin-top: 3%; */
  margin-left: 0;
  padding: 0 0;
}

#mainNavbar .navbar-brand {
  color: #000000;
  font-size: 1.5rem;
  font-weight: 800;
}

#mainNavbar .nav-link {
  color: #555555;
  font-size: 1.2rem;
  font-weight: 500;
}

#mainNavbar .nav-link:hover {
  color: #6e32ff;
}

.btn-primary {
  color: #fff;
  background-color: #6e32ff;
  border-color: #6e32ff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #9852f9;
  border-color: #c299fc;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(194, 153, 252, 1);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #c299fc;
  border-color: #ffd739;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #c299fc;
  border-color: #ffd739;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(194, 153, 252, 1);
}

.formstyle {
  padding-top: 2%;
  padding-bottom: 3%;
}

.form-inline .form-control {
  width: 60%;
}

#ISRC {
  text-align: center;
}

#help {
  font-size: 1.2rem;
  font-weight: 700;
  background-color: #F9F871;
  text-align: center;
  overflow: hidden;
  padding-top: 1.1rem;
}

#about {
  background-color: #000;
  color: #FFF;
  text-align: left;
  /* padding: 2% 0% */
}

#footer {
  text-align: center;
  font-size: 1.2rem;
}