.music-page-container{height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:black;color:#fff;position:relative;overflow:hidden;margin:0;padding:0}.music-page-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--bg-image);background-size:cover;background-position:50%;transition:opacity .8s ease-in-out;opacity:0;z-index:0;margin:0;padding:0}.music-page-container.fading:before{opacity:.2}.music-container{height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;margin:0;padding:0;z-index:5}.music-button,.music-container{background-color:transparent;position:relative;overflow:hidden}.music-button{padding:0 1.5rem;border-radius:.5rem;transition:all .3s ease;width:100%;display:block;text-align:center;z-index:10;line-height:2;border-color:transparent;cursor:url(/circle-cursor-white.png) 8 8,auto}.music-button h2{font-weight:600;font-size:4.7rem;color:#fff;transition:color .3s ease;position:relative;z-index:1;opacity:0;animation:fadeIn .5s ease-in-out forwards;animation-delay:var(--animation-delay)}.music-button:hover h2{font-size:4.8rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.parenthesis-container{display:flex;align-items:center;justify-content:center;gap:10px;position:relative}.parenthesis{width:40px;height:auto;opacity:0;transition:opacity .3s ease,transform .3s ease}.left{transform:translateX(-10px)}.right{transform:translateX(10px)}.music-button:hover .parenthesis{opacity:1;transform:translateX(0)}.video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;justify-content:center;align-items:center;color:transparent}.background-video{position:fixed;top:0;left:0;width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover;z-index:0;opacity:.3;filter:blur(10px);pointer-events:none}@media (max-width:768px){.music-button h2{font-size:3rem}.music-button:hover h2{font-size:3.1rem}.parenthesis{width:30px}}@media (max-width:480px){.music-button h2{font-size:2.2rem}.music-button:hover h2{font-size:2.3rem}.parenthesis{width:25px}}@media (max-height:700px){.music-button h2{font-size:3.5rem}.music-button:hover h2{font-size:3.6rem}}@media (max-height:600px){.music-button h2{font-size:3rem}.music-button:hover h2{font-size:3.1rem}}