body {
  background-color: white;
  color: black;
  margin: 0px;
  overflow: auto;
  font-size: 16px;
  font-family:   ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

img{
  max-width: 50vw;
  max-height: 300px;
}

label:not(.gender){
  font-weight: bolder;
  margin-bottom: 13px;
  display: block;
}

.question{
  margin-bottom: 85px;
  max-width: 70vw;
}

select{
  margin-left: 13px;
  max-width: 70vw;
}

option{
  max-width: 70vw;
}

#container{
  margin-left: auto;
  margin-right: auto;
  padding: 31px;
}

button{
  height: 50px;
  font-weight: bolder;
  cursor: pointer;
  border-radius: 5px;
  background: linear-gradient(90deg, rgb(237, 210, 135) 0%, rgb(237, 210, 135), 50%, rgb(180, 152, 10) 100%);;
}

button:hover{
  filter: invert();
}

button:active{
  filter: grayscale()
}


#footer{
    text-transform: capitalize;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    top: 0px;
    padding: 13px;
    border-top: 1px solid black;
    width: 100%;
    background: white;
}

#recieve-gender{
  margin-top: 13px;
}

.horizontal-radio{
  display: flex;
  flex-direction: row;
  gap: 13px;
  margin-left: 13px;
  max-width: 500px;
  align-items: center;

}

#instructions{
  background: #f4f4f4;
  padding: 13px;
  width: 85vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 33px;

}



.vertical-radio{
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin-left: 13px;
  max-width: 500px;
}