*{
    font-size: 18px;
    font-family: "Circular std", sans-serif;
    box-sizing: border-box;
    color: #000;

    box-sizing: border-box; /* css3 rec */
    -moz-box-sizing: border-box; /* ff2 */
    -ms-box-sizing: border-box; /* ie8 */
    -webkit-box-sizing: border-box; /* safari3 */
    -khtml-box-sizing: border-box; /* konqueror */
}

html, body{
 margin: 0;
 padding: 0;
 border: 0;
 overflow: hidden;
 font-family: sans-serif;
}

input:matches([type="button"], [type="submit"], [type="reset"]){
    cursor: pointer;
    -webkit-appearance: none;
    width: 10rem;
    height: 2.2rem;
    border-radius: 2rem;

    border-color: #000;
    color: #000;
    background: #FFF;

    box-shadow: none;
    text-align: center;

    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

input:matches([type="button"], [type="submit"], [type="reset"]):hover{

    color:  #FFF;
    background-color: #000;

}

input:matches([type="button"], [type="submit"], [type="reset"]):active {
    color:  #FFF;
    background-color: #000;
}