:root{--4E-grey:#808d92 }.container{margin:0;width:100%;height:100%}.form-container{border:solid 2px;border-radius:1%;border-color:var(--4E-grey);width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;box-shadow:var(--4E-grey) 0 7px 29px 0}.alertText{display:table;margin:0 auto;text-align:center;font-size:16px}.success{background-color:#efe;border:1px solid #DED;color:#9a9}.error{background-color:#fee;border:1px solid #EDD;color:#a66}.info{background-color:#eee;border:1px solid #DDD;color:#999}.alert{z-index:99;position:relative;top:20%;left:50%;transform:translate(-50%,-80%);width:600px;height:auto;padding:10px;margin:10px;line-height:1.8;border-radius:5px;cursor:hand;cursor:pointer;font-family:sans-serif;font-weight:400}.form-image{margin:auto;position:absolute;left:50%;transform:translate(-50%)}.form{position:relative;margin-top:20%;padding:30px}.form-input{margin-bottom:30px}.form-input>*{display:block;width:100%;margin:5px;font-family:Verdana,Geneva,Tahoma,sans-serif;color:var(--4E-grey)}.form-input>input{font-size:medium;padding:5px;border-color:var(--4E-grey);border:solid 1px;border-radius:2px}#login-btn{position:relative;width:100px;height:25px;background-color:var(--4E-grey);color:#fff;border:solid 1px var(--4E-grey);border-radius:2px;font-family:Verdana,Geneva,Tahoma,sans-serif;cursor:pointer}#login-btn:hover{background-color:#fff;color:var(--4E-grey)}