/*Setting the font for the wepbage */
h1, p, h2, h3 {
  font-family: Silkscreen;
}



/* Used to set the containers for the options */
.box {
    display: block;
    width: 85%;
    height: 30%;
    padding: 4%;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 5vh;
    background-color: #f2f3f5;
    margin: auto

   
}

/* Design for the background */
.search-page-background {
  display: block;
  background-color: #ffffff;
  width: auto;
  height: auto;
}

/* Header text */
.header {
  font-size: 250%;
}

/*Used to remove the radio input button */
.button-style input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

/* Used to create a style for the radio buttons */
.button-style label{
  display: inline-block;
  font-family: Silkscreen;
  padding: 3%;
  font-size: 150%;
  border-radius: 8vh;
  background-color: white;
  color: black;
  border: .25vh solid black;
  margin: 1%;
}

/* Used to style the hover of the buttons */
.button-style label:hover{
  background-color: black;
  color: white;
  
}
/*style used for all buttons on the page */

button{
  display: block;
  font-family: Silkscreen;
  padding: 2%;
  border-radius: 8vh;
  background-color: white;
  color: black;
  border: .25vh solid black;
  margin: 5%;
  margin-left: auto;
  margin-right: auto;

}
  
/* Style for hover on all buttons */

button:hover {
  background-color: black;
  color: white;
}


/* Used to style when the button is pressed */
.button-style input[type="radio"]:checked + label {
  background-color: black;
  color: white;
}

.question{
  display: block;
  margin-top: -2vh;
  margin-bottom: 7vh;
  
  
}