body{margin:0;padding:0;background:url(../img/bg.b53e88c0.jpg) no-repeat top;background-size:cover;font-family:sans-serif;height:100vh}.login-box{width:320px;height:420px;background:#000;border-radius:10px;color:#fff;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);box-sizing:border-box;padding:70px 30px}.login-box .avatar{width:100px;height:100px;border-radius:50%;position:absolute;top:-50px;left:calc(50% - 50px)}.login-box h1{margin:0;padding:0 0 20px;text-align:center;font-size:22px}.login-box label{margin:0;padding:0;font-weight:700;display:block}.login-box input{width:100%;margin-bottom:20px}.login-box input[type=password],.login-box input[type=text]{border:none;border-bottom:1px solid #fff;background:transparent;outline:none;height:40px;color:#fff;font-size:16px}.login-box input[type=submit]{border:none;outline:none;height:40px;background:#46d0da;color:#fff;font-size:18px;border-radius:20px}.login-box input[type=submit]:hover{cursor:pointer;background:#ffc107;color:#000}.login-box a{text-decoration:none;font-size:12px;line-height:20px;font-weight:700;color:#a9a9a9}.login-box .button{display:flex;justify-content:space-between;align-items:center}.login-box a:hover{color:#fff}