.rotate-right{rotate:8deg}.rotate-left{rotate:-9deg}.input-group{position:relative}input{font-size:18px;padding:10px 10px 10px 5px;display:block;width:300px;border:none;border-bottom:1px solid #757575}input:focus{outline:none}label{color:#999;font-size:18px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease}input:focus~label,input:valid~label{top:-20px;font-size:14px;color:#000}.bar{position:relative;display:block;width:315px}.bar:after,.bar:before{content:"";height:2px;width:0;bottom:1px;position:absolute;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease}.bar:before{left:50%}.bar:after{right:50%}input:focus~.bar:after,input:focus~.bar:before{width:50%}.highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}input:focus~.highlight{-webkit-animation:inputHighlighter .3s ease;-moz-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}@-webkit-keyframes inputHighlighter{0%{background:#4285f4}to{width:0;background:transparent}}@-moz-keyframes inputHighlighter{0%{background:#4285f4}to{width:0;background:transparent}}@keyframes inputHighlighter{0%{background:#4285f4}to{width:0;background:transparent}}.animated-card{animation-name:card-rotate;animation-duration:3s;animation-timing-function:ease-out;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-delay:0s}.rotate-normal{animation-name:rotate-normal;animation-duration:1s;animation-timing-function:ease-out;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-delay:1s}.center{display:flex;justify-content:center;align-items:center;flex-direction:row}.wave{width:3px;background:linear-gradient(45deg,cyan,#fff);margin:9px 9px 9px 4px;animation:wave 1s linear infinite;border-radius:20px}.wave:nth-child(2){animation-delay:.1s}.wave:nth-child(3){animation-delay:.2s}.wave:nth-child(4){animation-delay:.3s}.wave:nth-child(5){animation-delay:.4s}.wave:nth-child(6){animation-delay:.5s}.wave:nth-child(7){animation-delay:.6s}.wave:nth-child(8){animation-delay:.7s}.wave:nth-child(9){animation-delay:.8s}.wave:nth-child(10){animation-delay:.9s}@keyframes wave{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}@keyframes rotate-normal{to{rotate:0deg}}@keyframes card-rotate{0%{transform:translate(0)}50%{transform:translate(-90%,5%);rotate:3deg}60%{transform:translate(-80%,5%);rotate:7deg}to{transform:translate(0)}}