*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:#646486dc}.logo-box{width:500px;background-color:#fff;padding:30px 120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:12px;box-shadow:inset}.logo-box h3{text-align:center}.logo-box h2{font-size:14px;text-align:center}.icon{justify-content:center;display:flex;font-size:30px}.ico{margin-right:10px}.box{border:1px solid gray;border-radius:50px;padding:7px;margin-bottom:12px}.logo-box span{display:block;width:40px;margin:-28px auto auto;background-color:#fff;font-size:13px}.inputfor{border:1px solid grey;border-radius:5px;padding:7px;text-align:center;justify-content:center;display:flex;width:260px;font-size:13px;margin-bottom:10px}.forbutton{width:260px;background-color:#000;color:#fff;text-align:center;border:1px solid grey;border-radius:50px;margin-top:10px;padding:7px;font-size:13px}.forbuttonfor{width:260px;text-align:center;background-color:#fff;border:1px solid grey;border-radius:50px;margin-top:10px;font-size:13px;padding:7px;margin-bottom:10px}a{justify-content:space-evenly;margin-left:50px}.last{padding-right:20px;font-size:14px}.lastfor{padding-right:15px;font-size:14px}.lulogin{padding-right:8px;font-size:25px}.but{display:flex;justify-content:space-around;padding-top:15px}.msg{color:#fff;background-color:#000;font-size:18px;font-weight:700;width:230px;justify-content:center;align-items:center;display:flex;position:absolute;right:550px;bottom:550px}