html, body {
  height: 100%;
  margin: 0;
  position: relative;
}

body {
  background: linear-gradient(200deg, #ffffff, #f7f7f7, #d7f2af, #a5e0a7, #aada83);
  background-repeat: no-repeat;
  background-attachment: fixed;
  width: 100%;
  position: relative;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #156f2f;
  border-radius: 10px;
  border: 2px solid #156f2f;
}

::-webkit-scrollbar-track {
  background: #a3bf9d;
  border-radius: 10px;
}

.custom-shadow {
  border: 1px solid #156e2e;
  transition: box-shadow 0.3s ease;
}

.custom-shadow:hover {
  box-shadow: 4px 4px 4px rgba(163, 191, 157, 0.5);
  border: 2px solid #5c8369;
}

input[type="time"] {
   cursor: pointer;
}