@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{display:flex;font-family:Bebas Neue,cursive;height:100%;justify-content:center;scroll-behavior:smooth;width:100%}::selection{background:#ff0;color:red}.Three-Container{height:100%;left:0;position:fixed;top:0;width:100%}.song-container{bottom:0;flex-direction:column;height:85vh;left:0;margin:auto;max-width:1340px;padding:20px 0;position:absolute;right:0;top:0;width:calc(100% - 40px);z-index:100}.song-container,.top-container{display:flex;justify-content:space-between}.top-container{align-items:center;width:100%}.title-container{width:50%}.sound-bars-container{cursor:pointer;display:flex;height:60px}.sound-bars-container:hover span{background-color:#f7894a}.sound-bars-container span{background-color:#fff;border-radius:50px;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));height:100%;margin:0 2px;transition:background-color .4s ease,-webkit-transform 50ms;transition:background-color .4s ease,transform 50ms;transition:background-color .4s ease,transform 50ms,-webkit-transform 50ms;width:6px}h2{font-size:60px}h2,h3{color:#fff;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}h3{font-size:30px}.bottom-container{align-items:center;display:flex;justify-content:space-between;width:100%}.bottom-icon{color:#fff;cursor:pointer;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));-webkit-transform:scale(1);transform:scale(1);transition:color .4s ease,-webkit-transform .35s ease;transition:transform .35s ease,color .4s ease;transition:transform .35s ease,color .4s ease,-webkit-transform .35s ease}.bottom-icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.bottom-icon.active{color:#252525}.lyrics-container{height:100%;margin:40px 0;-webkit-mask-image:linear-gradient(0deg,transparent,#000,#000,#000,#000,#000,#000,#000,transparent);mask-image:linear-gradient(0deg,transparent,#000,#000,#000,#000,#000,#000,#000,transparent);opacity:0;overflow-y:scroll;padding:40px 20px;pointer-events:none;transition:opacity .65s ease;width:100%}.lyrics-container.active{opacity:1;pointer-events:all}.content{display:flex;justify-content:center;min-height:100%;width:100%}.content p{color:#252525;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));font-size:24px;text-align:center}.modal-container{align-items:flex-start;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:hsla(0,0%,100%,.35);border-radius:16px;bottom:5rem;display:flex;flex-direction:column;justify-content:space-around;min-height:160px;opacity:0;padding:20px 30px;position:absolute;right:40px;-webkit-transform:translateX(100%);transform:translateX(100%);transition:opacity .35s,-webkit-transform .4s ease-out;transition:transform .4s ease-out,opacity .35s;transition:transform .4s ease-out,opacity .35s,-webkit-transform .4s ease-out;z-index:500}.modal-container.active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.link-container{align-items:center;color:#252525;display:flex;font-size:22px}.link-container img{display:block;margin-right:8px;-webkit-transform:translateY(-2px);transform:translateY(-2px);width:21px}a{color:#f78a4a;text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{display:none}.loader-container{background-color:#f78a4a;height:100vh;left:0;position:fixed;top:0;-webkit-transform:translate(0)!important;transform:translate(0)!important;width:100%;z-index:900}.loader-container,.loader-container div{align-items:center;display:flex;justify-content:center}.loader-container div{color:#fff;flex-direction:column}.loader-container h2{font-size:75px}.loader-container h3{font-size:40px}@media (max-width:600px){.modal-container.active{-webkit-transform:translateX(10%);transform:translateX(10%)}.title-container{width:60%}h2{font-size:35px}h3{font-size:23px}.sound-bars-container{-webkit-transform:scale(.8);transform:scale(.8)}}
/*# sourceMappingURL=main.2eb69d67.css.map*/