body{

    font-family: 'Questrial', sans-serif;

}





form {

    margin: 1em;

}



img {

    display: none;

}



.visible {

    display: block;

}



label {

    display: block;

}



select {

    width: 100px;



}



a{

display: block;

margin-top: 2em;

}



fieldset {

    margin-top: 0.5rem;

    margin-bottom: 0.5rem;

    border: none;

    box-shadow: 0px 0px 2px rgba(0,0,0,1);

    background-color: rgb(240,240,240);

    padding-top: 1em;

  }

  

  legend, button {

    background-color: #56d847;

    padding: 0.75rem;

    font-size: 1.3rem;

    color: white;

    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);

    transform: translateX(-1.1rem);

    box-shadow: -1px 1px 1px rgba(0,0,0,0.8);

  }

  

  button {

    transform: none;

    box-shadow: none;

  }

  

  button:hover {

    background-color: gray;

    cursor: pointer;

  }

  

  legend:after {

    content: "";

    height: 0;

    width:0;

    background-color: transparent;

    border-top: 0.0rem solid transparent;

    border-right:  0.35rem solid black;

    border-bottom: 0.45rem solid transparent;

    border-left: 0.0rem solid transparent;

    position:absolute;

    left:-0.075rem;

    bottom: -0.45rem;

  }



.error {

    background-color: #ff4a4f;

    color: #ffffff;



    font-size: 5em;

    min-height: 100px;

    border: 2px solid #ff0000;

    text-align: center;

    vertical-align: middle;

    line-height: 100px;

}