:root{--main-color:#fff;--box-shadow:0 10px 10px rgba(0, 0, 0, 0.1)}body,html{margin:0;padding:0;outline:0}html{height:100%}body{background-color:#b8860b;background-image:url(../res/default.webp);font-family:sans-serif}#container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--main-color);max-width:1200px;width:80%;max-height:800px;height:90%;border-radius:10px;display:grid;grid-template-columns:repeat(2,50%);box-shadow:var(--box-shadow);transition-duration:1s}#left,#right{margin:auto;width:95%;height:96%;border-radius:10px;position:relative}#left{background-image:url(../res/login_background.webp);background-size:cover;background-position:center;box-shadow:var(--box-shadow)}.rightInner{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:calc(100% - 2rem);padding-top:2rem}#lock{position:relative;top:60px;width:80px;height:80px}.customInput{display:block;margin:0 auto 1em auto;width:60%;height:2.6em;border:solid #b6adc7 1px;border-radius:.2em;transition:all .2s;box-shadow:var(--box-shadow);line-height:2.6em;outline:0;max-width:20em;min-width:12em;font-size:1.2em;padding:0 .5em 0 .5em}.customInput:focus{border:solid #9055ff 1px}#ident:focus+#identLabel,#passw:focus+#passwordLabel{color:#000}#passw{text-align:left}label{position:relative;padding-left:.5em;padding-right:.5em;font-size:12px;white-space:nowrap;background:#fff;transition:all .2s;text-shadow:var(--box-shadow);top:-6.8em}#ident:focus #ident{border:solid red 1px}#submit{border:none;background-color:#00f;color:#f0f8ff;width:60%;cursor:pointer;letter-spacing:.5px;font-size:22px;margin-top:3em;font-family:Circular,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif!important}#submit:hover{background-color:#6495ed;color:#000}.loginPwdCtn{width:100%;text-align:center}@media (max-width:650px){.rightInner{justify-content:flex-start}.loginPwdCtn{margin:40px 5px 40px 5px}.customInput{min-width:12em;max-width:90%}#container{min-width:100vw;max-width:100vw;min-height:100vh;max-height:100vh;grid-template-columns:1fr;left:50%;top:50%;width:80%;height:90%;transform:translate(-50%,-50%)}#left{display:none}#lock{top:10px}}