.answers{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}


span
{
  font-size: x-large;
}


.answers > div{
    margin: 5px;
}

.button:focus
{
  background-color: orange;
  border: 2px solid orange;
}

.button
{
  border: 2px solid #000080;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  min-width: 400px;
}

.button:hover
{
  border: 2px solid orange;
}

@media  screen and (max-width: 450px){

  span{
    font-size: small;
  }

  h3{
    font-size: small;
    margin-top: 20px;
  }

  .button{
    min-width: 150px;
    min-height: 50px;
    font-size: small;
  }

  .answers
  {
    flex-direction: column;
  }
}


