body .forget-btn{background:no-repeat;border:none}body .forget-btn:hover{color:#0094ff}body .offcanvas-top{width:30%;height:60vh;top:20%;left:35%;padding:10px}body .offcanvas-top .picture{border:1px solid #000;width:125px;height:35px;margin:40px 10px 0 10px}body .offcanvas-top #picture-input{width:125px;height:35px}body .submit{background:#5c636a;color:#fff;margin-bottom:16px}body .submit:hover{background:#514d4d;color:#fff}body #rule{display:none}body #short-rule{display:block}body #rule>h4{font-weight:700}body .invalid{color:red}body .vaild{color:#90ee90}body .invalid:before{position:relative;left:0;content:"!"}body .valid:before{position:relative;left:0;content:"\2713"}.graphics-bg{height:35px}.graphics{width:150px;height:35px;border:1px solid #2c2c2c}