*{
    margin: 0px;
    padding: 0px;
}
#login{
    
    height: 98vh;
    width: 100%;
    background-image: url(https://www.contentcreatures.com/wp-content/uploads/2020/02/Smart-City-E.ON_.gif);
    background-repeat: no-repeat;
    background-size: cover;
    /* opacity: 0.5; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* filter: blur(8px);
    -webkit-filter: blur(8px); */
    z-index: 1;
}

#input-box{
    z-index: 2;
 height: fit-content;
 width: fit-content;
 border: 1px solid white;
 background-color: white;
 border-radius: 10px;
 z-index: 2;
 /* opacity: 0.5; */

 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.input{
    border-radius: 10px;
    border: none;
    display: block;
    padding: 10px;
    margin: 20px;
    z-index: 2;
    color: #FFB31A;
    background-color: black;
}
#button{
    z-index: 2;
    text-align: center;
    margin-left: 90px;
    color: #FFB31A;
    background-color: black;
}
#img{
    z-index: 2;
    margin-left: 60px;
    margin-top: 15px;
}