html{
    background-color: #006002;
}
body{
    background-color: #fff7;
    max-width: 600px;
    border-radius: 40px;
    margin: 50px auto;
    padding:1px 20px 40px;
}
.center{
    text-align: center;
    margin: 12px 0;
}
input{
    border: none;
    height: 20px;
    border-radius: 20px;
    padding: 10px;
    background-color: #fffa;
}
input#color{
    padding: 0px;
    margin-top: 10px;
}
select{
    border: none;
    height: 40px;
    border-radius: 20px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
    padding-right: 40px;
    background-image:
        linear-gradient(45deg, transparent 50%, black 50%),
        linear-gradient(135deg, black 51%, transparent 49%);
    background-position:
        calc(100% - 22px) 17px,
        calc(100% - 17px) 17px;
    background-size:
        5px 5px,
        5px 5px;
    background-repeat: no-repeat;
    background-color: #fffa;
}
footer{
    margin-top: 30px;
    text-align: center;
}
footer a{
    margin: 0px 20px;
    padding: 0px 10px;
    border-radius: 15px;
    background-color: #0000ff80;
    text-decoration: none;
    color: #ff0;
}