html, body {
    min-height: 100%;
    width: 100%;
    background-color: RGBA(248, 248, 250, var(--bs-bg-opacity, 1));
}

.main {
  min-height: 100%;
  width: 100%;
    background-color: RGBA(248, 248, 250, var(--bs-bg-opacity, 1));
}

.back {
    background-color: #ac99cf;
}

nav {
    background-color: #6030ac;
}

.menu {
    height: 100%;
    padding-top: 12%;
}

.color-button {
    background-color: #4b31be !important;
    color: #fff !important;
}

.box1 {
    text-align: center;
    align-items: center;
}

.form-body {
  margin-left: 5%;
  margin-right: 5%;
}

.form-check-label {
  font-size: smaller;
}

.form-range {
  width: 60% !important;
}


#mainNav {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
}
#mainNav .navbar-brand {
  color: #fff;
}
#mainNav .navbar-nav li.nav-item a.nav-link {
  color: #fff;
}
#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  color: #000;
}
#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
  color: #fff;
}
#mainNav .navbar-nav li.nav-item a.nav-link.active {
  color: #000;
}



.text-btn-menu {
    background-color: #7a4ccf !important;
    color: #fff;
    padding: 12pt;
    text-align: center;
    box-shadow: 2px 2px 3px #4c85cf !important;
    margin: 8%;
}