@import 'https://fonts.googleapis.com/css?family=Exo:400,700';@import 'https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300&family=Poppins:wght@200;300&display=swap';html,body{height:100%;min-height:-webkit-fill-available}body{background:linear-gradient(-45deg,#E7A300,#F0C200,#F2DB00,#FFF060,#f7a1ff);background-size:400% 400%;animation:gradient 15s ease infinite}canvas{position:absolute;left:0;width:100%;height:100%;z-index:-1;min-height:-webkit-fill-available;padding:0;margin:0}.circle-player-wrapper{height:100%;width:100%;display:flex;flex-flow:column;align-items:center;justify-content:center}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(255,255,255,.2);animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}.footer-credit{text-align:center;padding-top:3rem;padding-bottom:3rem}.footer-credit .copyright{padding-top:3em;padding-bottom:2em;font-family:poppins,sans-serif;color:#69005d;padding-right:1em;padding-left:1em;line-height:24px}.footer-credit .author{font-family:montserrat,sans-serif;background:#96160f;color:#fff;border-radius:30px;padding-left:15px;padding-right:16px;padding-top:10px;padding-bottom:10px}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.player-header{width:250px;display:block;padding:35px}.social-icons ul{margin:0;padding:0;display:flex;text-align:center;align-items:center;justify-content:center}.social-icons ul li{list-style:none}.social-icons ul li a{position:relative;width:60px;height:60px;display:block;text-align:center;margin:0 10px;border-radius:50%;padding:6px;box-sizing:border-box;text-decoration:none;box-shadow:0 10px 15px #96160f47;background:linear-gradient(0deg,#ddd,#fff);transition:.5s}.social-icons ul li a:hover{box-shadow:0 2px 5px rgba(0,0,0,.3);text-decoration:none}.social-icons ul li a .fab{widht:100%;height:100%;display:block;background:linear-gradient(0deg,#fff,#ddd);border-radius:50%;line-height:calc(60px - 12px);font-size:24px;color:#262626;transition:.5s}.social-icons ul li:nth-child(1) a:hover .fab{color:#3b5998}.social-icons ul li:nth-child(2) a:hover .fab{color:#00aced}.social-icons ul li:nth-child(3) a:hover .fab{color:#dd4b39}.social-icons ul li:nth-child(4) a:hover .fab{color:#007bb6}.social-icons ul li:nth-child(5) a:hover .fab{color:#e4405f}@media only screen and (max-width:767px){.player-header{width:200px}}@media only screen and (min-width:600px){}@media only screen and (min-width:768px){}@media only screen and (min-width:992px){}@media only screen and (min-width:1200px){}