@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap);*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:radial-gradient(#280a48,#20043d);color:#ebe7ef;font-family:Quicksand,sans-serif;font-synthesis:none;line-height:1.5;min-height:80rem;text-rendering:optimizeLegibility}main{margin:auto;max-width:50rem;width:90%}#core-concepts{background-color:#140524;border-radius:6px;box-shadow:0 2px 8px #0006;padding:2rem}main h2{color:#a18aba;font-family:Roboto Condensed,sans-serif;margin:0 0 1.5rem;text-align:center}#core-concepts ul{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}#core-concepts li{text-align:center;width:10rem}#core-concepts li img{height:4rem;object-fit:cover;width:6rem}#core-concepts li h3{margin:.5rem 0}#core-concepts li p{font-size:.9rem}#examples{margin:3rem auto}#examples h2{text-align:left}#examples menu{display:flex;gap:.5rem;list-style:none;margin:1rem 0;padding:0}#examples menu button{background-color:initial;border:none;border-radius:6px;color:#a18aba;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:1rem;padding:.5rem 1rem;transition:all .2s ease-in-out}#examples menu button:hover{background-color:#1b082f;color:#ebe7ef}#examples menu button.active{background-color:#7925d3;color:#ebe7ef}#tab-content{background-color:#2f1d43;border-radius:6px;box-shadow:0 2px 8px #0000004d;padding:1rem}#tab-content h3{margin:0}#tab-content code{font-size:1rem}#music-list-element li{background-color:#efd9fc;border:1px solid #ccc;border-radius:8px;margin-bottom:15px;padding:15px}#music-list-element li h3{color:#333;font-size:1.5em;font-weight:700;margin:0;padding-right:80px}#music-list-element li p{color:#666;font-size:.9em;margin:5px 0}#music-list-element li p #level{background-color:#e0e0e0;border-radius:5px;color:#333;font-size:.9em;font-weight:700;padding:5px 10px;position:absolute;right:15px;top:15px}header{margin:3rem 0;text-align:center}header img{height:12rem;width:12rem}header h1{-webkit-text-fill-color:#0000;background:linear-gradient(40deg,#ea00ff,#ea00ff,#03d5ff,#03d5ff);-webkit-background-clip:text;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));font-size:5rem}header h1,header p{font-family:Roboto Condensed,sans-serif;margin:0}header p{color:#8964b0;font-size:1.25rem}#music-list-element li{background-color:#efd8fc;border:0 solid #ccc;border-radius:7px;display:flex;flex-direction:column;list-style:none;margin-bottom:14px;padding:14px;position:relative}#music-list-element li h2{color:#332;font-size:.5em;font-weight:700;margin:-1;padding-right:79px}#music-list-element li p{color:#665;margin:4px 0}#music-list-element li #info{display:flex;flex-direction:column;position:absolute;right:14px;text-align:center;top:14px}#music-list-element li #info p{background-color:#fdf9ff;border-radius:4px;color:#332;font-size:-1.9em;font-weight:700;margin:0 0 5px;padding:6px 10px}.music-lyric{background-color:#3a1c58;border-radius:10px;box-shadow:0 4px 8px #0003;margin-bottom:20px;padding:20px 20px 20px 5%}.music-lyric h3{color:#b892ff;font-size:2em;margin-bottom:10px}.music-lyric h4{font-size:1.5em}.music-lyric a,.music-lyric h4{color:#e0c4ff;font-style:italic;margin-bottom:20px}.music-lyric a{font-size:1em}.music-lyric p{color:#f0e5ff;font-family:Quicksand,sans-serif,monospace;font-size:1.2em;line-height:1.6em;text-align:left;white-space:pre}.music-lyric button{background-color:#f0e5ff;border:none;border-radius:10px;box-shadow:0 4px 8px #0003;color:#2c113c;cursor:pointer;font-size:1em;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.music-lyric button:hover{background-color:#d6a3ff}.youtube-link{align-items:center;display:flex;gap:8px}.youtube-link a{background-color:#ee0f0f;border-radius:8px;color:#f0e8f8;display:inline-block;font-size:14px;font-weight:700;margin-top:0;padding:6px 12px;text-decoration:none}.music-lyric a:hover{background-color:#d6a3ff}.list-item{align-items:center;background-color:#f3e8ff;border-radius:12px;box-shadow:0 2px 10px #0000001a;color:#3c2b5a;cursor:pointer;display:flex;justify-content:space-between;list-style-type:none;margin:16px 0;padding:16px;position:relative}.date-box-gone{background-color:#e1dee6}.date-box-gone,.date-box-rightnext{border-radius:8px;color:#fff;font-size:12px;font-weight:700;left:-10px;padding:4px 8px;position:absolute;top:-10px}.date-box-rightnext{background-color:#007200}.date-box-next{background-color:#3c2b5a;border-radius:8px;color:#fff;font-size:12px;font-weight:700;left:-10px;padding:4px 8px;position:absolute;top:-10px}.content-box{flex:1 1;padding-left:20px}.content-box h3{font-size:20px;font-weight:700;margin:0}.content-box p{color:#6a4c93;font-size:14px;margin:4px 0}.list-item:before{background-color:#3c2b5a;border-radius:12px 0 0 12px;content:"";height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}ul{align-items:center;background-color:#2c0037;display:flex;height:60px;justify-content:center;list-style-type:none;margin:0;padding:0}li{margin:0 15px}li a{color:#b794ff;display:block;font-size:18px;padding:14px 16px;text-align:center;text-decoration:none}li a:hover{background-color:#5e0088;border-radius:4px;color:#fff}li a.active{background-color:#7e00b0;color:#fff}
/*# sourceMappingURL=main.e77d4c2a.css.map*/