section{ display:flex; align-items:center; justify-content:center;}
section > div{ width:auto; display:flex; align-items:center; justify-content:center; background-color:transparent;}
ul,li{ margin:0; padding:0; list-style:none;}
#LoginForm{ background: #fff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);}
#LoginForm > ul{ margin:30px 0;}
#LoginForm > ul > li > label{ font-size:24px; font-weight:500; margin:15px 0; display:none;}
#LoginForm > ul > li > div{ margin:15px 0;}
#LoginForm > ul > li > div > input[type=text]
,#LoginForm > ul > li > div > input[type=password]{ font-size: 22px; padding:8px 6px; border:0; border-bottom:2px solid rgba(0,0,0,0.3); width:360px; background-color:rgba(255,255,255,0.7);}
#LoginForm > ul > li > div > input[type=text]:focus
,#LoginForm > ul > li > div > input[type=password]:focus{outline: none; border-bottom:2px solid #000;}
#LoginForm > nav{ flex-grow:1; min-width:170px;}
/*
#LoginForm > nav > a{ width:100%; display:flex; align-items:center; justify-content:center; height:110px; border:2px solid #000; font-size:26px; font-weight:bold; cursor:pointer; margin-left:8px; background-color:rgba(255,255,255,0.7);}
*/
#LoginForm > nav > a{display: block;
    text-align: center;
    background-color: #3b82f6;
    color: #fff;
    padding: 14px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.2s, transform 0.1s;}
#LoginForm > nav > a:hover{ background-color: #2563eb;}