h1 {

    text-align: center;

    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.481);

}



.cardStyle {

    margin: 8px;

    border-radius: 10px;

    background-color: #f2f2f2;

    padding: 20px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



label {

    display: block;

}



select {

    width: 100%;

    padding: 10px;

    margin: 8px 0;

    display: inline-block;

    border: 1px solid #ccc;

    border-radius: 5px;

    box-sizing: border-box;

}



button {

  width: 100%;

  background-color: #4CAF50;

  color: white;

  padding: 14px;

  margin: 8px 0;

  border: none;

  border-radius: 5px;

  cursor: pointer;

}



button:hover {

  background-color: #45a049;

}



.inputError {

  border: 2px solid red;

}