.content:after,.content:before{content:"";position:absolute;width:100%;height:100vh;opacity:.07}#app{padding:20px 0 0}body{background-color:#fbfbfb;overflow:hidden}a{color:#777}.content{background:url(../img/wave.png) bottom center no-repeat #1b2931}.content:before{display:block;background:linear-gradient(to left,#009688 20%,#009688 70%,rgba(255,255,255,0) 95%)}.content:after{-webkit-box-shadow:inset 0 0 230px 0 rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 230px 0 rgba(0,0,0,.5);box-shadow:inset 0 0 230px 0 rgba(0,0,0,.5);transition:background-color ease 2s,opacity ease 2s;-webkit-transition:background-color ease 2s,opacity ease 2s;top:0;right:0}.content>*{position:relative;z-index:9}.login{display:table;box-shadow:0 5px 16px 8px rgba(0,0,0,.1);width:300px;margin:20vh auto 0;border-radius:3px;background-color:#fff}@media (max-width:480px){.login{margin:5vh auto 0}}.header-login{height:220px;background:url(../img/header-login.png) center no-repeat;background-size:cover;border-top-right-radius:3px;border-top-left-radius:3px;box-shadow:0 4px 2px 0 rgba(0,0,0,.1)}.header-login h1{margin-top:10vh;font-size:2rem}.login form{padding:20px}.login form input{border-radius:0;border:0;border-bottom:1px solid #ddd;box-shadow:0 0 0 0 #ddd;padding:4px 30px 10px 0!important;background-color:transparent}.login form input:focus{border-radius:0;border:0;border-bottom:1px solid #ddd;box-shadow:0 1px 0 0 #ddd;background-color:transparent}.login form i{position:absolute;font-size:17px;top:5px;color:#009688}.login form button{position:absolute;width:48px;height:48px;border-radius:50%;padding:0;text-align:center;left:0;font-size:18px;right:0;margin:15px auto 0;background-color:#38655c;box-shadow:0 5px 8px 6px rgba(0,0,0,.08);color:#fff}.login form button i{color:#fff}.login form .form-group{padding:0 20px;margin:0 0 20px}.login form ::-webkit-input-placeholder{color:#777}