





body{
  
    background-image: url(https://astraphysix.neocities.org/inside2.jpg);
      background-repeat: no-repeat;
      background-size: 100% auto;
          color: black;
}
 
.wizard {
  position: absolute;
  bottom: 175px;
  right: 565px;
}
 .SpeakerL {
   position: absolute;
  bottom: 225px;
  right: 1160px;
  
}  

 .SpeakerR {
   position: absolute;
  bottom: 225px;
  right: 125px;
 }
  
.scroll {
  position: relative;
  left: 350px;
 top: -100px;
}


 
 
  /* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 0px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 5px; /* Add a top margin */
  margin-bottom: 10px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}

/* Add a background color and some padding around the form */
.container {
  
  position: absolute;
  border-radius: 0px;
  background-color: #FFDBB2;
  padding: 20px;
  top: 130px;
  left: 525px;
  width: 430px ;
  height: 450px;
} 
 
  #Name{ font-family: "Jacquard 12", system-ui;
  font-size: 60px;
  font-style: normal;
  text-align: center;
  color: white;
      
}
  #Greeting{ font-family: "Jacquard 24", system-ui;
  font-size: 35px;
  font-style: normal;
  text-align: center;
  color: white;
  }
  
    #Ail{ font-family: "Jacquard 24", system-ui;
  font-size: 35px;
  font-style: normal;
  text-align: center;
  color: white;
  }
  
  
 
.dropbtn { font-family: "Jacquard 24", system-ui;
  background-color: #7D365C;
  color: white;
  padding: 10px;
  font-size: 25px;
  border: none;
  width: 93.75px;
  


  
}

.Contact { font-family: "Jacquard 24", system-ui;
  background-color: #7D365C;
  color: white;

  font-size: 25px;
  border: none;
  width: 125px;
  text-align: center;
  

}
.dropup {
  position: relative;
  display: inline-block;
}

.dropup-content { 
  display: none;
  position: absolute;
  background-color: #b2c9d1;
  min-width: 200px;
  bottom: 50px;
  z-index: 1;
}

.dropup-content a { font-family: "Jacquard 24", system-ui;
  color: black;
  font-size: 25px;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropup-content a:hover {background-color: #809ba4}

.dropup:hover .dropup-content {
  display: block;
}

.dropup:hover .dropbtn {
  background-color: #7A1B50;
}

.dropup:hover .Contact {
  background-color: #7A1B50;
}