body {
  background: conic-gradient(rgb(6, 59, 23), rgb(3, 71, 3), rgb(6, 59, 23));
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.main_card {
  background-color: rgb(6, 59, 23);
  margin: 20vh auto;
  border-radius: 5px 5px 10px 10px;
  padding: 8px 8px 20px 8px;
  max-width: 800px;
}

.admin {
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,.1);
  background-color: rgba(175, 252, 252,.3);
}


.admin h2 {
  padding: 8px 12px;
  margin: 10px 10px 25px 10px;
  text-align: center;
}

.admin input {
  padding: 15px 10px;
  font-size: 1.0rem;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid rgba(0,0,0,.2);
  outline: 0;
}

.admin_btn {
  background-color: var(--primary-color);
  border: none;
  padding: 15px 50px;
  color: white;
  font-size: 1.0rem;
  font-weight: 600;
  cursor: pointer;
  width: fit-content;
  margin: 15px auto 10px auto;
  transition: all 0.3s ease;
  border-radius: 8px;
}

.admin_btn:hover {
  background-color: rgb(4, 4, 95);
}