/* for the drop down window  */
  
  
  
 /* for the messages box and button */
                  
                   p.text1 {
                    color: #fc3f3f;
                    text-shadow: 1px 1px black;
                    text-align: left;
                    line-height: 0.4;
                    font-family: verdana;
                    font-size: 140%;
                    text-decoration: underline;
                     }
                   
                    .text2 {
                    color: #fc3f3f;
                    text-shadow: 1px 1px black;
                    margin-left: 8px; /* space between checkbox and text */
                    margin-right: 20px;
                    font-family: verdana;
                    font-size: 120%;
                     }

div.messages {
  position: relative;
  margin: auto;
  max-width: 100%; /* Allow flexibility on small screens */
  width: 1000px; /* Keep max-width for large screens */
  height: 400px;
  border: 10px ridge crimson; /* Border style can be simplified */
  border-radius: 30px;
  box-shadow: 20px 20px 20px pink;
     
}

div.left_side {
  position: absolute;
  margin: 10px;
  width: 270px;
  height: 280px;
  border: 3px ridge crimson;
  padding-left: 10px;
  background: linear-gradient(to bottom right, linen, #f0e0da, #FFFAF0);

}
 
.form-group {
  margin-bottom: 5px; /* space between fields */
} 
 
 
div.center_side {
  position: absolute;
  margin: 10px;
  left: 290px;
  width: 270px;
  height: 280px;
  border: 3px ridge crimson;
  padding-left: 10px;
  background: linear-gradient(to bottom right, linen, #f0e0da, #FFFAF0);
   
}

div.right_side {
  position: absolute;
  margin: 10px;
  left: 580px;
  width: 380px;
  height: 280px;
  border: 3px ridge crimson;
  padding-left: 10px;
  background: linear-gradient(to bottom right, linen, #f0e0da, #FFFAF0);
   
}


.styled-submit {
  background-color: #e2c9ff;
  color: black;
  padding: 8px 18px;
  border: 2px ridge crimson;
  border-radius: 5px;
  cursor: pointer;
  font-size: 20px;
  transition: background-color 0.3s;

}

.styled-submit:hover {
  background-color: #b784f5; /* Slightly darker on hover */
}

/* Align checkboxes and labels inline */
input[type="checkbox"] {
  vertical-align: middle;
  transform: scale(1.5); /* increase size by 50% */

}