body{width:100%;height:100vh;margin:0;padding:0}.wrapper{width:200px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle{transform-origin:50%;background-color:#fff;border-radius:50%;width:20px;height:20px;animation:.5s infinite alternate circle;position:absolute;left:15%}@keyframes circle{0%{border-radius:50px 50px 25px 25px;height:5px;top:60px;transform:scaleX(1.7)}40%{border-radius:50%;height:20px;transform:scaleX(1)}to{top:0%}}.circle:nth-child(2){animation-delay:.2s;left:45%}.circle:nth-child(3){animation-delay:.3s;left:auto;right:15%}.circle-shadow{transform-origin:50%;z-index:-1;filter:blur(1px);background-color:#00000080;border-radius:50%;width:20px;height:4px;animation:.5s infinite alternate shadow;position:absolute;top:62px;left:15%}@keyframes shadow{0%{transform:scaleX(1.5)}40%{opacity:.7;transform:scaleX(1)}to{opacity:.4;transform:scaleX(.2)}}.shadow:nth-child(4){animation-delay:.2s;left:45%}.shadow:nth-child(5){animation-delay:.3s;left:auto;right:15%}.wrapper span{letter-spacing:6px;color:#fff;font-family:Lato,sans-serif;font-size:20px;position:absolute;top:75px;left:15%}footer{color:#fff;text-align:center;z-index:999;background-color:#222;font-size:14px;position:fixed;bottom:0;left:0;right:0}footer p{margin:10px 0;font-family:Lucida Sans,Lucida Sans Regular,"Lucida  Grande",Lucida Sans Unicode,Geneva,Verdana,sans-serif}footer .fa-heart{color:red}footer .fa-dev{color:#fff}footer .fa-twitter-square{color:#1da0f1}footer .fa-instagram{color:#f0007c}footer .fa-linkedin{color:#0073b1}footer .fa-codepen{color:#fff}footer a{color:#3c97bf;margin-right:5px;text-decoration:none}.youtubeBtn{cursor:pointer;vertical-align:middle;text-align:center;transition:all .3s;display:inline-block;position:fixed;bottom:45px;left:50%;transform:translate(-50%)}.youtubeBtn i{float:left;font-size:20px}.youtubeBtn a{color:red;float:right;animation:1s linear infinite youtubeAnim}.youtubeBtn a:hover{color:#c9110f;text-shadow:none;transition:all .3s ease-in-out}.youtubeBtn i:active{transition:all .3s ease-in-out;transform:scale(.9)}.youtubeBtn span{color:#fff;float:right;padding-left:5px;font-family:Lato,sans-serif;font-size:12px;font-weight:700;line-height:20px;display:block}@keyframes youtubeAnim{0%,to{color:#c9110f}50%{color:red}}