styles.css

/*** Font styling***/

@font-face {
  font-family: CarmenSans-SemiBold;
  src: url("assets/fonts/CarmenSans-SemiBold.otf") format("opentype");
}

@font-face {
  font-family: CarmenSans-ExtraBold;
  src: url("assets/fonts/CarmenSans-ExtraBold.otf") format("opentype");
}

body, p {
  font-family: "Poppins", sans-serif!important; 
}

h1, h2, h3 {
  font-family: "CarmenSans-ExtraBold", sans-serif!important; 
}

h4, h5 ,h6 {
  font-family: "CarmenSans-SemiBold", sans-serif!important; 
}

.text-off-white {
  color:#EEE!important;
}

.text-dimmed {
  color: #E0E0E0!important;
}

/*** Scrollbar ***/

::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #212529;
}

::-webkit-scrollbar-thumb {
  background: #424242;
  border-radius: 3px;
  box-shadow:
    inset 2px 2px 2px #ffffff26,
    inset -2px -2px 2px #00000040;
}

::-webkit-scrollbar-thumb:hover {
  background: #616161;
  border-radius: 3px;
  box-shadow:
    inset 2px 2px 2px #ffffff26,
    inset -2px -2px 2px #00000040;
}
/*** Gradients ***/

.mission-gradient {
  background: radial-gradient(circle farthest-side at bottom center, #198754 0%, #212529 100%);
}

.mission-gradient-light {
  background: radial-gradient(circle farthest-side at bottom center, rgba(255,255,255,0.2) 0%, rgba(99, 99, 99, 0.38) 100%);
	box-shadow: 0 12px 50px #00000080;
}