*{
    margin: 0;
    padding: 0;
}

.form-container {
width: 500px;   /* or percentage, e.g. 80% */
height: 300px; 
    background-color: white;
    padding: 40px; /* adds space *inside* the box */
    border-radius: 12px; /* makes corners rounded */
    box-shadow: 0 4px 10px rgb(227, 74, 143); /* adds a light shadow */
    border: 3px solid #add8e6; /* light blue border */
}

.checkbox-list {
  font-family: 'Tahoma';
  background: #ffd2d2;
  color:rgb(227, 74, 143);
  width: 700px;   /* or percentage, e.g. 80% */
height: 270px; 
  padding: 20px 30px;
  border-radius: 12px;
  max-width: 300px;
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 0 8px 20px rgba(236, 59, 183, 0.25);
  
}

.checkbox-list input[type="checkbox"] {
  accent-color: #82edd4; /* modern browsers */
  width: 18px;
  height: 18px;
  margin-top: 3px;
  
}
body {
    min-height: 100vh;
    padding: 30px;
}
 
.container {
    display: flex;
    justify-content: space-evenly;
}



button {
  background-color: #ffd2d2;
  color: #e247a8;
  border: none;
  padding: 20px 40px;
  border-radius: 8px;
  font-size: 20px;
  cursor: pointer;
  transition: 0.2s;
}

button:hover {
  background-color: #e247a8;
}

#submit-section {
  text-align: center;
}