#index-container {
    position: absolute;
    top: calc(40% - 200px);
    left: calc(50% - 400px);
}
#index-box {
    border: 0px solid red;
    text-align: center;
    min-height:400px;
    width:800px;
    box-shadow: 0px 0px 12px 2px #ccc;
    border-radius: 20px;
    margin:0 auto;
    padding: 30px;
}

#index-box img {
    max-width: 150px;
    content: url("/images/nge.webp");
    margin-bottom: 30px;
}

.dd-elm-auth {
    border: 0px solid blue; 
    border-radius: 10px;
    display: flex; 
    flex-direction: column;
    gap:20px;
    padding: 20px;
    width: 300px;
    margin: 0 auto;
}

.dd-elm-auth input {
    width: 200px;
}

.dd-elm-auth input[type="text"],input[type="password"] 
{
    border: 0; outline: 0; background: transparent; border-bottom: 1px solid #ccc; text-shadow: unset; color: unset; height: 30px;
    text-align: center;
}

.dd-elm-auth input[type="text"] {
/*    padding-right: 15px; */
}

.dd-elm-auth input[type="button"] {
    width: 200px;  height:30px; border: 0;
}

#returntomain
{
    font-size: 22px; color: #7d7b78; font-style: italic; position: absolute; bottom: 40px; left: 20px; cursor: pointer;
}