*,:after,:before{box-sizing:border-box}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both;display:block}a{color:inherit;text-decoration:none}.login-wrap{width:100%;margin:auto;max-width:525px;position:relative;background:url(https://raw.githubusercontent.com/khadkamhn/day-01-login-form/master/img/bg.jpg) no-repeat 50%;box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.login-html{width:100%;height:100%;padding:70px 50px 50px 50px;background:rgba(40,57,101,.9)}.login-form{margin-top:35px}.label,.login-form .group .button,.login-html .tab{text-transform:uppercase}.login-html .tab{font-size:24px;margin-right:15px;padding-bottom:5px;margin:0;display:inline-block;border-bottom:2px solid transparent;cursor:pointer;width:50%;color:#fff;text-align:center}.login-form{position:relative}.login-form .group{margin-bottom:15px}.label,.login-form .group .button,.login-form .group .input{width:100%;color:#fff;display:block}.login-form .group .button,.login-form .group .input{border:none;padding:15px 20px;border-radius:25px;background:hsla(0,0%,100%,.1)}.login-form .group input[data-type=password]{text-security:circle;-webkit-text-security:circle}.label{color:#aaa;font-size:13px}.login-form .group .button{background:#1161ee}.login-form .group label .icon{width:15px;height:15px;border-radius:2px;position:relative;display:inline-block;background:hsla(0,0%,100%,.1)}.login-form .group label .icon:after,.login-form .group label .icon:before{content:"";width:10px;height:2px;background:#fff;position:absolute}.login-form .group label .icon:before{left:3px;width:5px;bottom:6px}.login-form .group label .icon:after{top:6px;right:0}.login-form .group .check:checked+label{color:#fff}.login-form .group .check:checked+label .icon{background:#1161ee}.check-tab{border-color:#1161ee!important;display:block}.hr{height:2px;margin:50px 0 50px 0;background:hsla(0,0%,100%,.2)}.foot-lnk{text-align:center}