body{
    background-color: #393F46;   
}
/* .login_input input{
    font-size: 15px;
    color: aliceblue;
    border: none;
    border-bottom: solid aliceblue 1px;
    padding-bottom: 10px;
    padding-left: 10px;
    position: relative;
    background: none;
    z-index: 5;
}
.login_input input:focus ~ label, .login_input input:valid ~ label {
    font-size: 16px;
    bottom: 40px;
    color: aliceblue;
    font-weight: bold;
    left: 10%;
}
label {
    color: #aaa;
    font-size: 20px;
    transition: all .2s;
    left: 10%;
}
.login_input input:focus ~ span, .login_input input:valid ~ span {
width: 100%;
}

.login_input input::placeholder { color: #393F46; }
.login_input input:focus { outline: none; }
.login_input loginBtn:focus { outline: none; }
 */

.login_input{
    margin: 5px 0px 5px 0px;
    position: relative;
}
.login_input input:focus , .login_input input:valid{
    width: 30%;
    background-color: #0080ff;
}
.login_input input{
    display:inline-block; 
    width: 30%;
    outline: none;
    background-color: #393F46;
    color:aliceblue;
    transition: all .2s;
}
.login_input input:hover{
    display:inline-block; 
    width: 50%; 
    transition: all .2s;
}
.login_input label{
    display:inline-block; 
    width: 30%;
    color: aliceblue;
    text-align: left;
}
.login_panel{
    background-color: #393F46;
    outline: solid 1px aliceblue;
    position: relative;
    top: 20%;
    left: 20%;
    width: 50%;
    height: 50%;
    padding: 5% 5% 5% 5%;
}
input[type="button"]{
    width: 100px; /* Adjust the width as needed */
    height: 40px; /* Adjust the height as needed */
    position: absolute;
    bottom: 5px;
    right : 45%;
    background-color: #393F46;
    color: #fff;
    /* margin: 10px 0 10px 0; */
    transition: box-shadow 0.5s ease; 
}
input[type="button"]:hover {
    width: 100px; /* Adjust the width as needed */
    height: 40px; /* Adjust the height as needed */
    /* background-color: #0080ff; */
    /* outline: solid 1px aliceblue; */
    /* box-shadow: inset 2px; */
    box-shadow: inset 100em 0em #0080ff;
    color: #fff;
    /* border: none; */
    cursor: pointer;/* Transition for color change */
}