*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%;font-family:Baloo\ 2,cursive}input{outline:none;border:none}button{outline:none!important;border:none;background:transparent}button:hover{cursor:pointer}.container-login{width:100%;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;background:-webkit-gradient(linear,left top,right top,from(#00c3ff),to(#ffff1c));background:linear-gradient(90deg,#00c3ff,#ffff1c)}.wrap-login{width:400px;background:#eceff1;border-radius:20px;overflow:hidden;padding:77px 55px 53px 55px;-webkit-box-shadow:25px 40px 28px 0 rgba(0,0,0,.38)}.login-form{width:100%}.login-form-title{display:block;font-family:Baloo\ 2,cursive;font-size:40px;color:#333;line-height:1.5;text-align:center}.avatar{display:block;margin:auto;width:80px;height:80px}.wrap-input100{width:100%;position:relative;border-bottom:2px solid #adadad;margin-bottom:37px}.input100{font-family:Baloo\ 2,cursive;font-size:15px;color:#555;line-height:1.2;height:45px;background:transparent;padding:0 5px}.focus-efecto,.input100{display:block;width:100%}.focus-efecto{position:absolute;height:100%;top:0;left:0;pointer-events:none}.focus-efecto:before{content:"";bottom:-2px;width:0;height:4px;background:#6a7dfe;background:-webkit-gradient(linear,left top,right top,from(#00c3ff),to(#ffff1c));background:linear-gradient(left,#00c3ff,#ffff1c)}.focus-efecto:after,.focus-efecto:before{display:block;position:absolute;left:0;-webkit-transition:all .4s;transition:all .4s}.focus-efecto:after{font-family:Baloo\ 2,cursive;font-size:15px;color:#999;line-height:1.2;content:attr(data-placeholder);width:100%;top:16px;padding-left:5px}.input100:focus+.focus-efecto:after{top:-15px}.input100:focus+.focus-efecto:before{width:100%}.has-val.input100+.focus-efecto:after{top:-15px}.has-val.input100+.focus-efecto:before{width:100%}.container-login-form-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:13px}.wrap-login-form-btn{width:100%;display:block;position:relative;z-index:1;border-radius:40px 5px;overflow:hidden;margin:0 auto}.login-form-bgbtn{position:absolute;z-index:-1;width:300%;height:100%;background:#a64bf4;background:-webkit-gradient(linear,right top,left top,from(#00c3ff),color-stop(#ffff1c),color-stop(#00c3ff),to(#ffff1c));background:linear-gradient(right,#00c3ff,#ffff1c,#00c3ff,#ffff1c);top:0;left:-100%;-webkit-transition:all .4s;transition:all .4s}.login-form-btn{font-family:Baloo\ 2,cursive;font-size:20px;color:#fff;line-height:1.2;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;width:100%;height:50px}.wrap-login-form-btn:hover .login-form-bgbtn{left:0}nav.navbar a.navbar-brand{font-size:30px;color:#fff;display:inline-block;font-family:Baloo\ 2,cursive;padding:0 20px}a.navbar-brand:after{content:"";display:block;width:0;height:2px;background:#fff}a.navbar-brand:after,a.navbar-brand:hover:after{-webkit-transition:width .3s;transition:width .3s}a.navbar-brand:hover:after{width:100%}img .circular{border-radius:50%}nav.navbar{-webkit-box-shadow:25px 40px 28px 0 rgba(0,0,0,.38);background:-webkit-gradient(linear,left top,right top,from(#00c3ff),to(#ffff1c));background:linear-gradient(90deg,#00c3ff,#ffff1c);border-radius:0 0 10px 10px}nav.navbar li.nav-item a.nav-link{font-size:20px;color:#fff;display:inline-block;font-family:Baloo\ 2,cursive;padding:0 20px}nav.navbar li.nav-item a.nav-link:after{content:"";display:block;width:0;height:2px;background:#fff;-webkit-transition:width .3s;transition:width .3s}nav.navbar li.nav-item a.nav-link:hover:after{width:100%;-webkit-transition:width .3s;transition:width .3s}div .container-c{width:100%;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;background:-webkit-gradient(linear,left top,right top,from(#00c3ff),to(#ffff1c));background:linear-gradient(90deg,#00c3ff,#ffff1c)}