*{box-sizing:border-box;font-family:Ubuntu,sans-serif;margin:0;padding:0}body{-webkit-animation:spin 10s infinite alternate;animation:spin 10s infinite alternate;background:linear-gradient(60deg,#579533,#f53055,#ef4e7b,#a166ab,#0b101a,#1098ad,#07b39b,#122016);background-size:300% 300%;position:relative}ul.n-ul{background-color:#000;color:#fff;display:grid;grid-template-rows:45px;list-style:none;overflow:hidden}.n-logo,ul.n-ul{align-items:center;justify-content:center}.n-logo{display:flex;padding-left:50px}.n-img{width:35px}.n-logoName{font-size:25px;font-weight:700;height:100%;letter-spacing:2px;margin:auto 0;padding-left:2px}.a-grid{grid-row-gap:20px;display:grid;grid-template-columns:repeat(4,1fr);padding-top:20px;place-items:center;position:relative;row-gap:20px}#box{background:#000;color:#fff;height:200px;overflow:hidden;width:200px}.a-gridItem{border:1px solid hsla(0,0%,100%,.212);border-radius:20px;box-shadow:7px 7px 10px 0 rgba(0,0,0,.66);display:grid;grid-template-rows:1fr 25px;overflow:hidden;place-items:center;position:relative}.a-gridItem:after{background:red;content:"";height:100%;position:absolute;width:100%;z-index:-1}.a-itemLogo{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.a-name{padding-top:10px}.a-play{align-items:center;background-color:#fff;border-radius:50%;bottom:20px;box-shadow:0 0 8px 1px #d3d3d3;display:flex;font-size:20px;height:50px;justify-content:center;position:fixed;right:5px;width:50px}@-webkit-keyframes spin{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes spin{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.a-icon{width:50px}.n-toggle{display:flex;justify-content:space-around;overflow:hidden}.a-popUp{-webkit-animation:slide .5s ease-in;animation:slide .5s ease-in;bottom:90px;position:fixed;right:5px;width:70vw}@-webkit-keyframes slide{0%{right:-40vw}to{right:5px}}@keyframes slide{0%{right:-40vw}to{right:5px}}@media only screen and (min-width:600px){ul.n-ul{grid-template-columns:.85fr 100px;overflow:hidden}.a-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.n-toggle{display:flex;justify-content:space-around}.a-popUp{width:20vw}}@media only screen and (max-width:1024px){ul.n-ul{grid-template-columns:1fr 100px;overflow:hidden}.a-grid{grid-template-columns:1fr 1fr 1fr}.a-popUp{width:30vw}}.volume-slider{align-items:center;border-top:1px solid hsla(0,0%,100%,.212);display:flex;height:100%;justify-content:space-evenly;width:100%}@media only screen and (max-width:600px){ul.n-ul{grid-template-columns:1fr 70px;overflow:hidden}.a-grid{grid-template-columns:1fr}#box{height:70vw;width:70vw}.a-popUp{width:50vw}}
/*# sourceMappingURL=main.19911372.css.map*/