body {background-color:lightgrey;}
h2   {color:blue;}
.heading > h1
{
   text-align: center;
   margin-bottom: 2%;
}
.content-box
{
   margin-top: 15%;

   overflow: hidden;

}
body
{
     background-color: #fff!important;
}
.form-group > input.form-control:focus
{
   border: 1px solid #428BCA;
}

.content-wrapper {
    
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
    padding: 20px 10px 20px 10px;
    border: 7px solid #ccc;
    border-radius: 60px;
}
form
{
     margin-top: 4%;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
input.my-input
{
     width: 60%;
     height: 43px;
     margin-left: 20%;
}
button.my-input
{
       width: 60%;
     height: 43px;
     margin-left: 20%;
    background-color: #428BCA;
    color: #fff;
}
button.my-input:hover
{
    background-color: #428BCA;
    color: #fff; 
}