@import url(https://fonts.googleapis.com/css?family=Roboto);
fieldset {
    width: 80%;
    margin: 0 auto;
}

input {
    background: none;
    border: 2px solid #505050;
    color: #505050;
    padding: 2px 10px;
    font-size: 18px;
}

input {
    border: none;
    border-bottom: 2px solid #505050;
}

input:focus,
input:active {
    outline: none;
}

input[type="submit"] {
    color: white;
    background-color: #505050;
}

.input-group {
    position: relative;
    display: inline-block;
    width: 80%;
}

.input-group label {
    position: absolute;
    color: #999;
    font-family: "Roboto", sans-serif;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.9) translateY(100%);
    transform: scale(0.9) translateY(100%);
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.input-group label.animate-label {
    -webkit-transform: scale(0.6) translateY(0%);
    transform: scale(0.6) translateY(0%);
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.input-group input {
    padding-top: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/*# sourceMappingURL=form.css.map */

.main-color {
    color: #CD2C22;
}

.sub-color {
    color: #e7736b;
}