#wrapper{background:url(../image/bg-lq.png);position:relative;width:100%;height:100vh}#main-window{height:490px;width:450px;padding:20px;padding-top:40px;background-color:#31313136;border-radius:4px;box-shadow:0 0 8px 2px #0000007d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#auth-form{width:70%;height:70%;margin:auto}#title-dispay{margin-bottom:40px;text-align:center}#title-holder{display:inline-block;vertical-align:top;padding-top:4px;font-size:26px;padding-bottom:4px}#title-pre{color:#fff}#title-post{color:#2db194}.square-textbox{background-color:rgba(255,255,255,.03);border:2px solid #35c2a3;color:#fff;font-size:15px;outline:none;padding:10px 8px;height:18px;font-family:karla,sans-serif;cursor:pointer;width:calc(100% - 20px)}.square-textbox:hover{border:2px solid #39c7a8}.square-button{background-color:#2db194;box-shadow:0 0 15px 0 rgba(0,0,0,.5);border:0;outline:none;padding:14px 20px;text-align:left;cursor:pointer;width:100%;text-align:center;font-family:karla,sans-serif;font-weight:700;color:#fff}#other{font-size:12px}#recover{float:right;margin-top:3.5px;font-size:12px}#back{clear:both;font-size:12px}