.group{position:relative;margin-bottom:45px}input{font-size:18px;padding:10px 10px 10px 5px;display:block;width:300px;border:none;border-bottom:1px solid #bbb;background-color:#1f2937;color:#fff}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:#fff}.bar{position:relative;display:block;width:300px}.bar:after,.bar:before{content:"";height:2px;width:0;bottom:1px;position:absolute;background:#fff;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{animation:inputHighlighter .3s ease}@keyframes inputHighlighter{0%{background:#fff}to{width:0;background:transparent}}.contain{max-width:500px}.contain,.contain2{width:90%;margin:auto}.contain2{max-width:1100px}.submitBtn{background-color:#38b2ac;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:12px;transition:background-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.submitBtn:hover{background-color:#319795;box-shadow:0 4px 15px rgba(0,0,0,.2)}.submitBtn:before{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;background:hsla(0,0%,100%,.2);transition:all .75s ease;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.5)}.submitBtn:hover:before{opacity:1;transform:translate(-50%,-50%) scale(1)}