input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset}*{box-sizing:border-box}body{font-family:Helvetica;background:#eee;-webkit-font-smoothing:antialiased}hgroup{text-align:center;margin-top:4em}h1,h3{font-weight:300}h1{color:#636363}h3{color:#e43c5c}form{width:380px;margin:4em auto;padding:3em 2em 2em 2em;background:#fafafa;border:1px solid #ebebeb;box-shadow:#000 0 1px 1px 0,#000 0 1px 2px 0;box-shadow:rgba(0,0,0,.14902) 0 1px 1px 0,rgba(0,0,0,.09804) 0 1px 2px 0}.group{position:relative;margin-bottom:45px}input{font-size:18px;padding:10px 10px 10px 5px;-webkit-appearance:none;display:block;background:#fafafa;color:#636363;width:100%;border:none;border-radius:0;border-bottom:1px solid #757575}input:focus{outline:none}label{color:#999;font-size:18px;font-weight:normal;position:absolute;pointer-events:none;left:5px;top:10px;transition:all .2s ease}input:focus~label,input.used~label{top:-20px;transform:scale(.75);left:-2px;color:#e43c5c}.bar{position:relative;display:block;width:100%}.bar:before,.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#e43c5c;transition:all .2s ease}.bar:before{left:50%}.bar:after{right:50%}input:focus~.bar:before,input:focus~.bar:after{width:50%}.highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}input:focus~.highlight{animation:inputHighlighter .3s ease}@keyframes inputHighlighter{from{background:#e43c5c}to{width:0;background:transparent}}.button{position:relative;display:inline-block;padding:12px 24px;margin:.3em 0 1em 0;width:100%;vertical-align:middle;color:#fff;font-size:16px;line-height:20px;-webkit-font-smoothing:antialiased;text-align:center;letter-spacing:1px;background:transparent;border:0;border-bottom:2px solid #e93131;cursor:pointer;transition:all .15s ease}.button:focus{outline:0}.buttonRed{background:#e43c5c;text-shadow:1px 1px 0 #276ecc;text-shadow:1px 1px 0 rgba(39,110,204,.5)}.buttonRed:hover{background:#d83434}.ripples{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:transparent}.ripplesCircle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;width:0;height:0;border-radius:50%;background:#fff;background:rgba(255,255,255,.25)}.ripples.is-active .ripplesCircle{animation:ripples .4s ease-in}@keyframes ripples{0%{opacity:0}25%{opacity:1}100%{width:200%;padding-bottom:200%;opacity:0}}footer{text-align:center}footer p{color:#888;font-size:13px;letter-spacing:.4px}footer a{color:#e43c5c;text-decoration:none;transition:all .2s ease}footer a:hover{color:#666;text-decoration:underline}footer img{width:80px;transition:all .2s ease}footer img:hover{opacity:.83}footer img:focus,footer a:focus{outline:none}ul{color:red;list-style-type:none;-webkit-padding-start:10px}