#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;box-sizing:border-box}.logo{height:6em;padding:1.5em;will-change:filter}.page{background-color:#c3c3bd;padding:5vh 10vw;min-height:100vh}#hpage{position:relative;min-width:100vw;height:89.6vh;background-image:linear-gradient(to right,rgb(29 29 120 / 50%),rgb(176 176 191 / 50%));background-size:cover;background-position:top;display:flex;align-items:center;justify-content:center;flex-direction:row;box-sizing:border-box}.inputsign{padding:5px;font-size:18px;text-align:center;border:1px solid #ccc;cursor:pointer;width:500px;height:50px;margin:2em 20px 0 0;border-radius:15px}.buttonsign{cursor:pointer;width:150px;height:45px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:16px;margin-top:2.3em}.inputContain{position:relative}.errorMessage{position:absolute;bottom:-5em;left:50%;transform:translate(-50%,-50%);color:#000;background-color:#ffffff8a;padding:.5em 1em;border-radius:.5em;box-shadow:0 .1em .2em #1d1a1a7f;font-size:.8em;width:80%;text-align:center}.errorMessage:before{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid rgba(255,255,255,.513);position:absolute;bottom:85%;left:50%;transform:translate(-50%,-50%)}@media (max-width: 768px){#hpage{flex-direction:column}.inputsign{width:300px;margin-top:2em}.buttonsign{margin-top:2em}h2{top:55vh;left:auto;right:auto;width:14em;padding:1.5em 2em 1em;margin:1em .5em 1em auto}}#video-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover}*{margin:0;padding:0;box-sizing:border-box}header{background-color:#091123aa;color:#303b43;width:100vw;height:10vh;padding-bottom:7em}.headercontainer{display:flex;align-items:center;justify-content:space-between;padding:0 150px 10px 20px}.headerposition{display:inline}h1{display:flex;justify-content:space-between;margin-right:-100px;font-size:3em}header img{display:inline;display:flex;justify-content:space-between;list-style:none;width:120px;height:120px}footer{width:100vw;padding:1em 0 .5em;background-color:#0b0b57;color:#fff;font-family:Arial,sans-serif;height:9.2vh;display:grid;grid-template-columns:repeat(12,1fr)}.footer-container{display:flex;justify-content:center;grid-column:5/9}.footer-nav{list-style:none;display:flex;justify-content:space-between;align-items:center}.footer-item{margin-right:4em;display:flex;align-items:center}.footer-link{color:#fff;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#d3d3d3}.social-icons{display:flex}.social-icon{font-size:40px;margin-right:10px;color:#fff;transition:.3s ease}.social-icon:hover{color:#7eb8b7;transform:scale(1.2)}.sidebar{position:fixed;right:0;top:0;width:50%;height:100vh;z-index:1000}.icon-1,.icon-2,.icon-3{display:flex;position:absolute;margin-right:-3em;right:3.8em;top:1.5em;width:25px;height:3px;background-color:#000;transition:all .4s cubic-bezier(.84,.06,.52,1.8)}.icon-1{transform:translateY(-8px);animation-delay:.1s}.icon-3{transform:translateY(8px);animation-delay:.25s}.hamburger-icon{margin:auto 1rem;position:absolute;right:2em;top:1.3em;z-index:1000;padding:25px;border-radius:50%;transition:all .2s ease-in-out;background:rgba(255,255,255,.2);backface-visibility:hidden}.a{position:absolute;margin-right:-3em;right:3.8em;top:1.5em;width:25px;height:3px;background-color:#000;transition:all .4s cubic-bezier(.84,.06,.52,1.8);transform:rotate(40deg)}.b{position:absolute;margin-right:-3em;right:3.8em;top:1.5em;width:25px;height:3px;background-color:#000;transition:all .4s cubic-bezier(.84,.06,.52,1.8);transform:rotate(-40deg)}.c{position:absolute;margin-right:-3em;right:3.8em;top:1.5em;width:25px;height:3px;background-color:#000;transition:all .4s cubic-bezier(.84,.06,.52,1.8);opacity:0}.navMenu{background:rgba(23,24,26,.949);position:absolute;top:0;right:0;height:100%;width:0%;z-index:10;opacity:0;backface-visibility:hidden;transition:all .6s cubic-bezier(.62,.04,.3,1.56);transition-delay:.1s}.navMenuLink{margin:0;position:absolute;top:50%;right:10%;backface-visibility:hidden}.navMenuLink>li{list-style:none;font-size:24px;color:#fff;line-height:2.2;text-transform:uppercase;letter-spacing:1.7px}.navMenu{opacity:0;animation:slideIn .6s cubic-bezier(.62,.04,.3,1.56);animation-fill-mode:forwards;width:100%}@keyframes slideIn{0%{width:0%;opacity:0}to{width:100%;opacity:1}}.navMenuDisapper{background:rgba(23,24,26,.949);position:absolute;top:0;right:0;height:100%;width:0%;z-index:10;transition:all .6s cubic-bezier(.62,.04,.3,1.56);transition-delay:.2s}.navMenuDisapperLink{margin:0;position:absolute;top:48%;right:10%;animation:shotuplol .3s;opacity:0}.navMenuDisapperLink li{list-style:none;font-size:24px;color:#fff;line-height:2.2;text-transform:uppercase;letter-spacing:1.7px;animation:shotuplol .3s;opacity:0}.navMenuDisapper{animation:shotup .6s cubic-bezier(.62,.04,.3,1.56);animation-fill-mode:backwards}@keyframes shotup{0%{width:100%;opacity:1}to{width:0%;opacity:0}}@keyframes shotuplol{0%{width:100%;opacity:1}to{width:0%;opacity:0}}@media (max-width: 768px){.footer-container{grid-column:3/12;padding-left:0}header{min-height:10vh}header img{width:5em;height:5em}.headercontainer{padding:6px 150px 0 20px}footer{padding:1em 0 2em;height:12.2vh}header{height:8vh;padding-bottom:0}}@media (max-width: 500px){.footer-container{grid-column:5/11}}*{padding:0;margin:0;box-sizing:border-box}.page{min-width:100vw;min-height:100vh;background-image:linear-gradient(to right,rgb(29 29 120 / 50%),rgb(176 176 191 / 50%)),url(https://images.pexels.com/photos/5764283/pexels-photo-5764283.jpeg?auto=compress&cs=tinysrgb&w=600&lazy=load);background-size:cover;background-position:top}.Musiccontain{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;list-style:none;padding:0;margin:20px}.musicclass{display:flex;flex-direction:column;align-items:center;background-color:#75848666;width:300px;height:400px;margin:0 auto;border-radius:.5em;overflow:hidden}.music-image{width:300px;height:200px;object-fit:cover}.musicTitle,.musicCard{margin-top:50px;text-align:center}.pageMusic{min-width:100vw;height:89.6vh;background-image:linear-gradient(to right,rgb(29 29 120 / 50%),rgb(176 176 191 / 50%)),url(https://images.pexels.com/photos/5764283/pexels-photo-5764283.jpeg?auto=compress&cs=tinysrgb&w=600&lazy=load);background-size:cover;background-position:center;padding-top:3.5em}.containerAlbum{display:flex;justify-content:center;align-items:center;margin-right:2em}.imagAlbum{width:500px;height:500px;border-radius:10px}.page ul{list-style:none;padding:0}audio{margin-top:20px;width:100%}h2{text-align:center}@media (max-width: 768px){.pageMusic{min-width:100vw;height:90vh}.containerAlbum{margin-right:0}.imagAlbum{width:350px;height:450px;border-radius:10px;object-fit:cover}audio{margin-top:20px;width:350px}#widgetPage{width:400px;margin:auto}}@media (max-height: 700px){.imagAlbum{height:300px}}html,#root{padding:0;margin:0;box-sizing:border-box}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;padding:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}