body{
	background-color: white;
  color: black ;
} 
.points {
  padding-right: 20px;
}

#animation {
  position:absolute;
  width:40%;
  height:40%; 
  background-color:white;  
  margin:auto;
  overflow:hidden;
  z-index:-1;
}

#animation h8 {
  position:absolute; 
  /* font-family: 'Asap', sans-serif;  */
  font-weight:700;
  margin:auto;
  padding:0;
  width:100%;
  height:40%;
  text-align:center; 
  visibility:hidden;
  font-size:4vw; 
  will-change: transform;
  line-height: normal;
}

.bg-gray {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity));
}

@media screen and (max-width: 700px) {
  #animation h8 {
    font-size: 12vw; 
  }
  #animation {
    width:100%;
    height:40%; 
  }
}

@media screen and (max-width: 576px) {
  #flexNewLine {
    flex-basis: 100%;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity));
    display: flex;
    padding: 8px 0px;
  }
  .navbar-toggler {
    margin-left: auto;
    margin-right: 10px;

  }
  #navbarNavAltMarkup {
    max-width: 40%;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity));
    margin-left: auto;
    padding-left: 10px;
    border-left-width: 2px;
    border-left-style: solid;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-top-width: 2px;
    border-top-style: solid;

  }
  .navbar.navbar-expand-sm.bg-gray {
    --bs-bg-opacity: 0 !important;
    background-color: initial !important;
    padding: 0;
  }
  .navbar-brand {
    padding-left: 10px;
  }
  .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media screen and (min-width: 576px) {
  .navbar-expand-sm .container-fluid .collapsing {
    height: initial !important;
    transition: none !important;
  }
}

@media screen and (min-width: 992px) {
  .navbar-expand-lg .container-fluid .collapsing {
    height: initial !important;
    transition: none !important;
  }
}