body{

    background-color: #f0f0f0;

    font-family: sans-serif;

}

.card{

    box-shadow: 1px 1px 5px #ccc;

    background-color: white;

    padding: 30px;

    border-radius: 5px;

}

.card-group{

    margin-bottom: 10px;

}

.form{

    width: 400px;

    margin: auto;

    padding: 40px;

}

.card-top{

    text-align: center;

}

.card-title{

    color: red;

}

.card-group > input{

    border-radius: 5px;

    outline: 0;

    width: 100%;

    height: 25px;

    text-transform: uppercase;

    padding: 5px;

}

.card-group > label{

    width: 100%;

    color: rgb(75,75,75);

    display: block;

}

.card-group > button{

background-image: linear-gradient(to right, rgb(119, 16, 16), #f7071f);

width: 104%;

border-radius: 30px;

padding: 5px;

text-align: center;

font-size: 20px;

color: #ccc;

border: 0px;

outline: 0;

}

.btn button:hover{

    background-image: linear-gradient(to right,#f7071f, rgb(119, 16, 16));

}