@import"https://fonts.googleapis.com/css?family=Roboto:300";.login-page{width:360px;padding:8% 0 0;margin:auto;height:100%}.form{position:relative;z-index:1;background:#fff;max-width:360px;margin:0 auto 100px;padding:45px;text-align:center;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24)}.form .message{margin:15px 0 0;color:#b3b3b3;font-size:12px}.form .message a{color:#4caf50;text-decoration:none}.form .register-form{display:none}.container{position:relative;z-index:1;max-width:300px;margin:0 auto}.container:after,.container:before{content:"";display:block;clear:both}.container .info{margin:50px auto;text-align:center}.container .info h1{margin:0 0 15px;padding:0;font-size:36px;font-weight:300;color:#1a1a1a}.container .info span{color:#4d4d4d;font-size:12px}.container .info span a{color:#000;text-decoration:none}.container .info span .fa{color:#ef3b3a}body{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bar{width:10px;height:50px;background-color:#ccc;transition:background-color .5s ease}.bar.playing{background-color:red}