body {
  background-color: #ffffff;
}

.logo-header {
  max-height: 120px;
}

.input-rounded {
  background-color: #e6f6fc;
  border: none;
  border-radius: 999px;
  padding: 10px 20px;
}

.input-rounded:focus {
  box-shadow: none;
  background-color: #e6f6fc;
}

.btn-switch {
  background-color: transparent;
  color: #0dcaf0;
  font-weight: 500;
}

.btn-check:checked + .btn-switch {
  background-color: #0dcaf0;
  color: white;
}

.btn-login {
  background-color: #0dcaf0;
  border-radius: 999px;
  padding: 10px 0;
  font-size: 1.1rem;
  color: white;
  box-shadow: 0px 4px 0px #dff7ff;
}

.btn-login:hover {
  background-color: #31d2f2;
}

.sosmed-icon {
  display: inline-block;
  margin: 0 5px;
  background-color: #ffc107;
  color: white;
  border-radius: 50%;
  padding: 10px;
  font-size: 1.1rem;
  text-decoration: none;
}