*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{font-size:62.5%}.sunflower{bottom:0;height:auto;left:0;position:absolute;width:40%;z-index:-1}body{background-image:url(/static/media/bg.40c6cca481c7f064c97a.png);box-sizing:border-box;font-family:Josefin sans,sans-serif}.link-tree-container,body{height:100svh;position:relative;width:100vw}.link-tree-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.triangle{background-image:url(/static/media/cloud.ebd260999fec9e58db7f.png);background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-clip-path:polygon(0 0,100% 0,100% 30vh);clip-path:polygon(0 0,100% 0,100% 30vh);height:100%;position:absolute;width:100%;z-index:-1}.container{align-items:center;display:flex;flex-direction:column;height:100vh;width:100%}.space{height:7%;width:100%}.header--box{display:flex;justify-content:center;max-width:20rem;width:70%}.header{display:flex;height:16.5rem;justify-content:flex-end;max-height:19rem;position:relative;width:20rem}.header__icon-box img{background-color:#43192d;border:.4rem solid #43192d;border-radius:50%;height:80%;margin-top:2rem;max-height:13.2rem}.header__chat-box h1{color:#43192d;font-family:Fredoka One,sans-serif;font-size:1.9rem;letter-spacing:.3rem;padding:25%}.header__chat-box{-webkit-animation:pop-in .35s ease-in .7s backwards;animation:pop-in .35s ease-in .7s backwards;left:-26px;position:absolute;top:.5rem;-webkit-transform:rotate(-7deg);transform:rotate(-7deg);z-index:1}@-webkit-keyframes pop-in{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}86%{opacity:1;-webkit-transform:scale(1.3) rotate(-7deg);transform:scale(1.3) rotate(-7deg)}to{-webkit-transform:scale(1) rotate(-7deg);transform:scale(1) rotate(-7deg)}}@keyframes pop-in{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}86%{opacity:1;-webkit-transform:scale(1.3) rotate(-7deg);transform:scale(1.3) rotate(-7deg)}to{-webkit-transform:scale(1) rotate(-7deg);transform:scale(1) rotate(-7deg)}}.header__chat-box--behind{background-color:#43192d;height:9.5rem;position:relative;width:11rem}.header__chat-box--behind,.header__chat-box--front{-webkit-clip-path:polygon(0 0,100% 0,100% 75%,75% 75%,75% 100%,50% 75%,0 75%);clip-path:polygon(0 0,100% 0,100% 75%,75% 75%,75% 100%,50% 75%,0 75%);text-align:center}.header__chat-box--front{background-color:#fff;bottom:.3rem;left:.2rem;position:absolute;right:.2rem;top:.2rem}.links-container{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-top:2rem;max-width:20.5rem;width:70%}.links-container li{background-color:#fff;border:.2rem solid #43192d;color:#fff;display:inline-block;margin-bottom:1.5rem;padding:1.2rem 0;position:relative;transition:all .2s;width:100%}.links-container li:after{border:.1rem solid #43192d;content:"";display:inline-block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .4s;width:100%;z-index:-1}.links-container li:hover:after{opacity:1;-webkit-transform:scaleX(1.1) scaleY(1.35);transform:scaleX(1.1) scaleY(1.35)}.links-container li:active:after{-webkit-transform:scaleX(1.07) scaleY(1.25);transform:scaleX(1.07) scaleY(1.25)}.links-container li:active{background-color:#e9488a}@-webkit-keyframes slide-in-left{0%{margin-left:-20rem;opacity:0}75%{margin-left:1.5rem}to{margin-left:0;opacity:1}}@keyframes slide-in-left{0%{margin-left:-20rem;opacity:0}75%{margin-left:1.5rem}to{margin-left:0;opacity:1}}@-webkit-keyframes slide-in-right{0%{margin-right:-20rem;opacity:0}75%{margin-right:5rem}to{margin-right:0;opacity:1}}@keyframes slide-in-right{0%{margin-right:-20rem;opacity:0}75%{margin-right:5rem}to{margin-right:0;opacity:1}}.links-container li:last-of-type{margin-bottom:0}.links-container li.right a{display:block;-webkit-transform:skew(20deg);transform:skew(20deg)}.links-container li.right{-webkit-animation:slide-in-right .9s ease backwards;animation:slide-in-right .9s ease backwards}.links-container li.left a,.links-container li.right{-webkit-transform:skew(-20deg);transform:skew(-20deg)}.links-container li.left a{display:block}.links-container li.left{-webkit-animation:slide-in-left .9s ease backwards;animation:slide-in-left .9s ease backwards;-webkit-transform:skew(20deg);transform:skew(20deg)}.links-container a:link,.links-container a:visited{color:#684d46;font-size:2.2rem;text-align:center;text-decoration:none;transition:all .2s}.links-container a:active{color:#fff}.user-info h2{color:#43192d;font-family:Fredoka one,sans-serif;letter-spacing:.1rem}.user-info-box{display:flex;flex-direction:column;justify-content:flex-end;padding:2rem 0}@media only screen and (min-width:961px){html{font-size:78%}body{wrap:nowrap;align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.triangle{-webkit-clip-path:polygon(30% 0,100% 0,100% 45vh);clip-path:polygon(30% 0,100% 0,100% 45vh)}.container{align-content:space-around;flex-direction:column;flex-wrap:wrap;height:400px;justify-content:center;max-width:55rem;width:50%}.header{height:15rem}.header--box{order:1}.header__chat-box{left:-1px}.header__chat-box--behind{height:8rem;width:9.5rem}.header__chat-box h1{font-size:1.7rem;padding:22.5%}.header__icon-box img{max-height:12rem}.user-info-box{align-items:flex-end;flex:1 1;justify-content:flex-start;order:2;padding:.2rem 0;width:20rem}.links-container{flex:0 1;margin-top:0;max-width:30.5rem;min-height:400px;min-width:40rem;order:3}.links-container li{max-width:20.5rem}.space{display:none}}.autoplay-notice{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background-color:rgba(248,109,146,.9);border-radius:20px;bottom:120px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#fff;font-size:12px;font-weight:500;padding:8px 12px;position:absolute;right:10px;scale:.7;z-index:1000}@-webkit-keyframes pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.05);transform:scale(1.05)}}@media (max-width:400px){.autoplay-notice{left:10px;right:auto}}#player-container{bottom:10px;height:100px;position:absolute;right:10px;scale:.7;width:430px}#player{height:100%;position:relative;z-index:3}#player-track{background-color:#fff7f7;border-radius:15px 15px 0 0;left:15px;padding:13px 22px 10px 184px;position:absolute;right:15px;top:0;transition:top .3s ease;z-index:1}#player-track.active{top:-92px}#album-name{color:#54576f;font-size:17px;font-weight:700}#track-name{color:#acaebd;font-size:13px;margin:2px 0 13px}#track-time{height:12px;margin-bottom:3px;overflow:hidden}#current-time{float:left}#track-length{float:right}#current-time,#track-length{background-color:#ffe8ee;border-radius:10px;color:transparent;font-size:11px;transition:all .3s ease}#track-time.active #current-time,#track-time.active #track-length{background-color:initial;color:#f86d92}#seek-bar,#seek-bar-container{border-radius:4px;height:4px;position:relative}#seek-bar-container{background-color:#ffe8ee;cursor:pointer}#seek-time{border-radius:4px;color:#fff;display:none;font-size:12px;padding:5px 6px;position:absolute;top:-29px;white-space:pre}#s-hover{bottom:0;left:0;opacity:.2;position:absolute;top:0;z-index:2}#s-hover,#seek-time{background-color:#3b3d50}#seek-bar{background-color:#fd6d94;bottom:0;content:"";left:0;position:absolute;top:0;transition:width .2s ease;width:0;z-index:1}#player-content{background-color:#fff;border-radius:15px;box-shadow:0 30px 80px #656565;height:100%;position:relative;z-index:2}#album-art{border-radius:50%;box-shadow:0 0 0 10px #fff;height:115px;margin-left:40px;overflow:hidden;position:absolute;top:-40px;-webkit-transform:rotate(0);transform:rotate(0);transition:all .3s ease;width:115px}#album-art.active{box-shadow:0 0 0 4px #fff7f7,0 30px 50px -15px #afb7c1;top:-60px}#album-art:before{background-color:#d6dee7;border-radius:50%;box-shadow:inset 0 0 0 2px #fff;content:"";height:20px;left:0;margin:-10px auto 0;position:absolute;right:0;top:50%;width:20px;z-index:2}#album-art img{display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}#album-art img.active{opacity:1;z-index:1}#album-art.active img.active{-webkit-animation:rotateAlbumArt 3s linear 0s infinite forwards;animation:rotateAlbumArt 3s linear 0s infinite forwards;z-index:1}@-webkit-keyframes rotateAlbumArt{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateAlbumArt{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#buffer-box{background-color:hsla(0,0%,100%,.19);color:#1f1f1f;font-family:Helvetica;font-size:13px;font-weight:700;height:13px;left:0;line-height:1;margin:-12px auto 0;opacity:0;padding:6px;position:absolute;right:0;text-align:center;top:50%;z-index:2}#album-art img,#buffer-box{transition:all .1s linear}#album-art.buffering img{opacity:.25}#album-art.buffering img.active{filter:blur(2px);-webkit-filter:blur(2px);opacity:.8}#album-art.buffering #buffer-box{opacity:1}#player-controls{float:right;height:100%;margin:0 5px 0 141px;overflow:hidden;width:250px}.control{float:left;padding:12px 0;width:33.333%}.button{background-color:#fff;border-radius:6px;cursor:pointer;font-size:26px;padding:25px;text-align:center}.button,.button i{transition:all .2s ease}.button:hover{background-color:#d6d6de}.button:hover i{color:#fff}@media (max-width:400px){#player-container{bottom:60px;left:21px;right:auto;scale:.6}#player-content{background-color:#fff;border-radius:15px;box-shadow:0 10px 20px #656565;height:100%;position:relative;z-index:2}}
/*# sourceMappingURL=main.fa59e495.css.map*/