body {
{
    background-image: url("img-css/allien_cat.png");
    background-size: cover;
    background-attachment: fixed;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
}

    input {
        border: 2px solid transparent;
        width: 15em;
        height: 2.5em;
        padding-left: 0.8em;
        outline: none;
        overflow: hidden;
        background-color: #d3d3d3;
        border-radius: 10px;
        transition: all 0.5s;

    }
    input:hover,
    input:focus {
        border: 2px solid #984aec;
        box-shadow: 0px 0px 0px 7px rgb(74, 157, 236, 20%);
        background-color: #6c6c6c;
    }

}