.red {
  color: #e31e24;
}

html {
  min-height: -webkit-fill-available;
}

body {
  background-color: #090909;
  color: #ffffff;
  overflow-x: hidden;
  font-family: Hind;
  font-weight: 400;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Poppins;
  font-weight: 300;
}

a {
  color: #ffffff;
  text-decoration: none;
  transition: all 0.5s ease-in;
  font-weight: 600;
  letter-spacing: 2px;
}

a:hover {
  color: #999999;
  text-decoration: none;
}

small {
  color: #999999;
}

.form-control {
  border-top: none;
  border-left: none;
  border-right: none;
  background-color: #090909;
  border-color: #999999;
  border-radius: 0px;
}

.from-control:hover, .form-control:focus, .from-control:active {
  border-top: none;
  border-left: none;
  border-right: none;
  background-color: #000000;
  border-color: #999999;
  box-shadow: none;
  /*box-shadow: #000000 0px 0px 0px 3.2px;*/
  color: #ffffff;
}

.btn {
  /*background-color: $tertiaryColor;*/
  padding-left: 15px;
  padding-right: 15px;
  color: #ffffff;
  border: none;
  border-radius: 0px;
}

.btn:hover, .btn:focus, .btn:active, .btn:visited, .btn:focus-within {
  background-color: #000000;
  border: none;
  box-shadow: none;
  color: #999999;
}

.nav.pagination .page-item .page-link {
  border-radius: 0px;
  background-color: #090909;
  color: #ffffff;
  border: 0px;
  margin-right: 5px;
}

.nav.pagination:first-child {
  margin-left: -12px;
}

.nav.pagination .page-item .page-link:hover {
  border-radius: 0px;
  background-color: #090909;
  color: #999999;
  border: 0px;
}

.nav.pagination .page-item .page-link:active {
  border-radius: 0px;
  color: #ffffff;
  border: 0px;
  background-color: #090909;
}

.nav.pagination .page-item .page-link:focus {
  border-radius: 0px;
  color: #999999;
  border: 0px;
  box-shadow: none;
  background-color: #090909;
}