body{background:#e6eae8}.loader{color:#e3414a;font-family:helvetica,arial,sans-serif;font-weight:900;height:50px;left:50%;letter-spacing:.2em;line-height:50px;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);width:250px}.loader:after,.loader:before{animation:load .7s ease-in-out infinite alternate;background:#e3414a;content:"";display:block;height:15px;position:absolute;width:15px}.loader:before{top:0}.loader:after{bottom:0}@keyframes load{0%{height:30px;left:0;width:15px}50%{height:8px;width:40px}to{height:30px;left:235px;width:15px}}