body {
{
    background-image: url("css/img-css/dragon.jpg");
    background-size: cover;
    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 #ec704a;
        box-shadow: 0px 0px 0px 7px rgb(74, 157, 236, 20%);
        background-color: #6c6c6c;
    }

}