body {font-family: Arial, Helvetica, sans-serif;
	background: white;
	color: black; 
}

* {box-sizing: border-box ;}


input[type=text], select, textarea, [type=email] {
  width: 100%;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 3px;
  margin-bottom: 3px;
  resize: vertical;
  height:1%;
}

input[type=text]:hover,
input[type=email]:hover {
    background-color: #f2f2f2; /* Lighten or darken existing color slightly */
  border-radius: 15px;
}

input[type=text]:focus,
input[type=email]:focus {
    outline: 2px solid #4CAF50; /* Green focus outline */
  border-radius: 15px;
}



input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}


input [type=radio]{
  text-align: center;
}



.button {
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;
}

.buttonbc {background-color: #4CAF50;}

.buttonbcr {background-color: ;}

button[type=submit]:hover {
  background-color: #45a049;
}

.container1 {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 8px;
  margin: 0 0 0 10px;
  resize: vertical;

.box1 {
  width: 93%;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 3%;
  resize: vertical;
  height:1%;
}

 h5 {
 background-color: #f2f2f2;

.form-container {

  border-radius: 5px;
  padding: 10px;
  margin: 2px 0 0 2px;
 	color: white; 
  background-image: url("/images/sky.png");
  background-size: auto; 
  opacity: 1;
  background-repeat: no-repeat;
  position: relative; // or fixed  
  
}

 
}