.center{position:absolute;top:5%;left:92%;transform:translate(-50%,-50%)}.center button{padding:10px 20px;font-size:16px;font-weight:600;color:#333;background:#deb887;border:none;outline:none;cursor:pointer;border-radius:5px;transition:background-color .3s ease-in-out}.center button:hover{background:#8b4513}.popup{position:absolute;top:-150%;left:50%;opacity:0;transform:translate(-50%,-50%) scale(1.25);width:380px;padding:20px 30px;background:#fff;box-shadow:2px 2px 5px 5px #00000026;border-radius:10px;z-index:100;transition:top 0ms ease-in-out .2s,opacity .2s ease-in-out 0ms,transform 20ms ease-in-out 0ms}.popup.active{top:50%;opacity:1;transform:translate(-50%,-50%) scale(1);transition:top 0ms ease-in-out 0ms,opacity .2s ease-in-out 0ms,transform 20ms ease-in-out 0ms}.popup .close-btn{position:absolute;top:10px;right:10px;width:15px;height:15px;background:#888;color:#eee;text-align:center;line-height:15px;border-radius:15px;cursor:pointer}.popup .form legend{text-align:center;color:#222;margin:10px 0 20px;font-size:25px}.popup .form .form-element{margin:15px 0}.popup .form .form-element label{font-size:14px;color:#222}.popup .form .form-element input[type=text],.popup .form .form-element input[type=password]{margin-top:5px;display:block;width:100%;padding:10px;outline:none;border:1px solid #aaa;border-radius:5px}.popup .form .form-element input[type=text].red,.popup .form .form-element input[type=password].red{border:2px solid crimson}.popup .form .form-element input[type=checkbox]{margin-right:5px}.popup .form .form-element button{width:100%;height:40px;border:none;outline:none;font-size:16px;background:#222;color:#f5f5f5;border-radius:10px;cursor:pointer}.popup .form .form-element a{display:block;text-align:right;font-size:15px;color:#1a79ca;text-decoration:none;font-weight:600}.alert-msg{color:#dc143c}