* {
  box-sizing: border-box;
}

.btn-primary {
  background-color: #ff5532;
  color: black;
  border-color: #ff5532;
}

body {
  background-color: black;
}

section {
  color: white;
}
::placeholder {
  background-color: #212529;
  padding-left: 10px;
}

.input-wrapper input {
  border: 1px solid #212529;
  background-color: #212529;
  color: white;
  padding-left: 10px;
}

.margins {
  margin-left: 20rem;
  margin-right: 20rem;
}

.active {
  color: yellowgreen;
  background-color: yellowgreen;
  border-radius: 50%;
}

@media (max-width: 1399.98px) {
}

@media (max-width: 1199.98px) {
  .margins {
    margin-left: 15rem;
    margin-right: 15rem;
  }
}

@media (max-width: 991.98px) {
  .margins {
    margin-left: 10rem;
    margin-right: 10rem;
  }
}

@media (max-width: 767.98px) {
  .margins {
    margin-left: 5rem;
    margin-right: 5rem;
  }
}
@media (max-width: 575.98px) {
  .margins {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}