#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body{margin:0;padding:0;height:100%;overflow:hidden}.background-img{position:absolute;width:120%;height:auto;margin-top:-10%;margin-left:-10%;background-size:cover;left:0;top:0;right:0;bottom:0;-webkit-filter:blur(10px);filter:blur(10px);transition:transform 2s ease-in-out}.background-img-open{transform:scale(1.2)}.disc{position:relative;margin-top:10%;margin-left:10%;width:25rem;height:25rem;border-radius:25rem;transform:scale(.7) rotate(45deg);background:#000;background-image:radial-gradient(5em 30em ellipse,#fff,#000);border:2px solid #131313;box-shadow:0 0 0 10px #343935;opacity:.7;cursor:pointer}.disc-open{margin-top:15%;margin-left:30%;transform:scale(1) rotate(45deg)}input[type=range]{-webkit-appearance:none;height:8px;border-radius:10px;background-color:#fff}.song-img{top:50%;left:50%;transform-origin:center center;transform:translate(-50%,-50%) rotate(0deg);width:15rem;height:15rem;background-size:cover;background-repeat:no-repeat;background-position:50%;border:2px solid #000;border-radius:15rem;animation:animations1 10s linear infinite forwards;animation-play-state:paused;background-image:url(/static/img/head.eeeb5a2.jpeg)}.lrc,.song-img{position:absolute}.lrc{right:10%;top:10%;overflow:auto;width:40%;height:50%;color:#fff;transition:1s ease-in-out}.lrc-hide{right:2%;opacity:0}.lrc-active{color:red;font-size:1.6rem}.content,.lrc-active{transition:1s ease-in-out}.content{position:absolute;bottom:-2rem;width:100%;color:#fff;opacity:.1}.content-open{bottom:3rem;opacity:1;font-size:1.5rem;transform:rotateX(-1turn)}.mj-title{position:fixed;color:hsla(0,0%,70%,.98);bottom:2rem;left:10rem;text-decoration:none;font-size:2rem;transition:.5s ease-in-out}.mj-title-open{font-size:1rem}.home-wrapper{position:relative;top:400px;background-color:#2c3e50;opacity:1;transition:1s ease-in-out;visibility:hidden;transform:rotateY(-90deg)}.home-wrapper-open{opacity:1;top:200px;visibility:visible;transform:rotateY(0)}.home{left:47%;bottom:20%;width:6rem;height:6rem;border-radius:6rem;background-color:rgba(0,0,0,.25);cursor:pointer;box-shadow:0 0 10px 1px rgba(0,0,0,.55);transition:.3s ease-in-out}.home,.home-icon{position:absolute}.home-icon{width:3rem;height:3rem;border-radius:3rem;bottom:1.5rem;left:48.7%;transition:.5s ease-in-out}.home-icon-hover{left:44%;transform:rotate(90deg)}.home-hover{position:absolute;left:42%;bottom:22%;width:16rem;height:6rem;border-radius:6rem;background-color:rgba(0,0,0,.45);box-shadow:0 0 100px 1px rgba(0,0,0,.55);text-align:left;line-height:6rem;cursor:pointer}.home-content{position:absolute;left:50%;height:3.5rem;opacity:0;bottom:10%;text-decoration:none;color:#ef0f4e;transition:.2s ease-in-out}.home-content-hover{opacity:1;font-size:1.2rem}.voice{position:fixed;bottom:5rem;right:10rem;width:15rem}@keyframes animations1{0%{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-50%) rotate(180deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.fa-icon{display:inline-block;fill:currentColor}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-spin{animation:fa-spin 1s 0s infinite linear}.fa-inverse{color:#fff}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=app.aa217d6d45dc9f80eea6da70ce0878d3.css.map */