body {
    background: #808080 url(../Images/thekpi.png) fixed;
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}
.username {
    font-family: 'Arial Narrow', sans-serif;
    font-size: 16px;
    letter-spacing: 0px;
    word-spacing: 0px;
    color: #1A17B3;
    font-weight: 700;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    background: #ffffff url(../Images/userN.jpeg) no-repeat scroll 0% 50%;
    /*width: 100%;*/
    height: 30px;
    width: 200px;
    padding-left: 30px;
    border: 2px solid #1C6EA4;
    border-radius: 8px;
}
.passeword {
    font-family: 'Arial Narrow', sans-serif;
    font-size: 16px;
    letter-spacing: 0px;
    word-spacing: 0px;
    color: #1A17B3;
    font-weight: 700;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    background: #ffffff url(../Images/passW.jpeg) no-repeat scroll 0% 50%;
    /*width: 100%;*/
    height: 30px;
    width: 200px;
    padding-left: 30px;
    border: 2px solid #1C6EA4;
    border-radius: 8px;
}
.borderPanelLogin {
    border: 5px solid #1C6EA4;
    border-radius: 10px;
    background-color: #1783b3;
    width: 100px;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}