body {
    width     : 800px;
    margin    : auto;
    background: #fafafa;
    min-height: 100vh;
    color     : #444;
}

#app {
    padding      : 5px 30px;
    font-size    : 18px;
    /* background: #fafafa; */
}

a {
    color          : rgb(22, 140, 236);
    text-decoration: underline;
}

h1 {

    color      : #fff;
    text-shadow: 0 0 4px rgb(22, 140, 236);
    text-align : center;
    margin     : 30px auto;
}

h2 {
    margin: 20px auto;

}


h3 {
    margin: 10px auto;

}
select{
    font-size: 12px;
}
input {
    background-color: #ccc;
    border          : 0;
    height          : 35px;
    border-radius   : 5px;
    flex            : 1;
    margin-left     : 10px;
    padding         : 0 10px;
}

button {
    color           : #fff;
    border          : 0;
    background-color: rgb(207, 0, 0);
    display         : block;
    margin          : 20px auto;
    height          : 30px;
    width           : 180px;
    font-size       : 20px;
    border-radius   : 5px;
    cursor          : pointer;

}

.box {
    background   : rgba(255, 255, 255, .7);
    box-shadow   : 0 -1px 10px #ccc;
    padding      : 10px 20px 20px;
    margin       : 20px auto;
    border-radius: 10px;
}

.tips {
    text-align : center;
    font-size  : 14px;
    color      : #666;
    font-weight: 500;
}