:root {
  --color1st: white;
  --color2nd: #26CCC2;
  --color3rd: #FFF57E;
  --color4th: #FFB76C;
}

* {
  font-family: system-ui;
  border-radius: .5pc;
  border-style: none;
  transition: .5s;
}

body {
  background: var(--color1st);
  color: black;
}

#web-page {
  background: radial-gradient(var(--color3rd) 6pc, var(--color1st));
  width: 40pc;
}

input[type=date] {
  height: 3pc;
  width: 15pc;
  font-size: 1.7pc;
  text-align: center;
}

select {
  height: 3pc;
  width: 15pc;
  font-size: 1.7pc;
  text-align: center;
}

.lableDiv {
  background: var(--color4th);
  height: 6pc;
  width: 18pc;
  font-size: 2pc;
}

button {
  border: 4px dashed var(--color4th);
  height: 3pc;
  width: 9pc;
  font-size: 1.5pc;
}

button:hover {
  rotate: 360deg;
}

#errorOfUsers {
  font-size: 1.5pc;
}

/* Mobile Design */
@media (max-width: 768px) {
  #web-page {
    width: 98%;
  }
}