html {
    border: 0px solid red;
    xbackground-image:linear-gradient(rgb(250,250,250),rgb(204,204,204));
    background-color: whitesmoke;
    height: 100%;
    position: relative;
}

h1 {
    text-align: center;
}
 h1:after {
        content: url("../images/owl-logo.gif");
        display: block;
        xmargin-left: -100%;
        animation: sFrame ease-in-out 3s;
        animation-iteration-count: 1;
        transform-origin: 50% 50%;
        animation-fill-mode: forwards;
        float: left;
    }
    .home img {
        display: inline-block;
        width: 20px;
        height: 20px;
        xfill: yellow;
        background-color: whitesmoke;
        position: fixed;
        top: 20px;
        right: 20px;
    }

form {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 20%;
    margin-top: 10%;
    text-align: center;
    border: 0px solid green;
}

fieldset {
    border: none;
    border-top: 1px solid silver;
    
}
label{
    width:150px;
    display:inline-block;
    text-align:right;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    border: none;
}

input, textarea {
    display: inline-block;
    border:none;
    border-bottom:1px solid black;
    border-radius:3px;
    box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}
input:hover, select:hover, textarea:hover{
    box-shadow:0px 0px 10px rgba(0,0,0,0.2);
    background-color:#ffc;
}
input:focus, select:focus, textarea:focus{
    outline:none;
    box-shadow:0px 0px 10px rgba(0,0,0,0.2);
    background-color:#ffc;
}
input[type="submit"], input[type="reset"]{
    margin:10px;
   float: left;
    background-image:linear-gradient(rgb(250,250,250),rgb(204,204,204));
}

input[type="submit"]:hover, input[type="reset"]:hover{
    background-image:linear-gradient(to top, rgb(250,250,250),rgb(204,204,204));
}
