#Login {
    position: absolute;
    display: flex;
   text-align: center;
    height:100vh;
    width:100vw;
    z-index: 2;
    color: white;
    transition: all 1s ease;
/*    background-color: #CDDCDC;
 background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);*/

    
}
#Login input{
    display: inline-block;
    /* background: rgba(255, 255, 255, 0.22); */
    border: none;
    letter-spacing: 10px;
    font-size: 250%;
    /* box-shadow: inset 1px 1px 4px black; */
    text-align: center;
    margin: 4px;
    border-radius: 25px;
}

.LoginPanel {
    display: block;
    background: #686767;
    box-shadow: 0px 0px 20px -13px #575757;
    flex-direction: row;
    color: white;
    /* background: linear-gradient(-45deg, #379be6, #61b4f3); */
    border-radius: 30px;
    /* border-radius: 25px; */
    /* border-top-left-radius: 25px; */
    /* border-top-right-radius: 25px; */
}
.LoginPanelC {
    display: inline;
        color:#ccc;
    padding: 5px;
    /* font-size: 30px; */
    margin: auto;
    flex-direction: row;
}

.LoginPanelC .buttonFront{
margin: 10px;
    padding: 10px;
    font-weight: bold;
    border-radius: 17px;
    color: #575757;
}

.LoginPanelC .buttonFront:hover {
    background: #f5f5f5;
}
input:-webkit-autofill {
filter: grayscale(100%) brightness(110%);
}