body{font-family:Verdana,Arial;color:#213547;background-color:#fafaff}html,body{height:100%}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#navbar{border-bottom:2px solid #98bfe1}nav{padding:0;height:20px}.navbar-links{cursor:pointer;text-decoration-line:none}.img-headphone[data-v-25e0a78c]{height:48px;width:auto}.img-metal[data-v-25e0a78c]{height:59px;width:auto}#app{background-color:#fafaff;color:#213547;font-family:Verdana,Arial}#footer{width:100%;display:flex;padding:.175rem 0;justify-content:center;align-items:center;color:#f5f5f5;background-color:#0b52bc}#footer>p{margin-top:.25rem;margin-bottom:.6rem;font-size:.85rem}.player[data-v-334c5bd8]{display:flex;flex-direction:column;align-items:center}.player img[data-v-334c5bd8]{width:100%;max-width:800px;object-fit:cover;border-radius:12px;margin-bottom:.25rem}.player-play-icon[data-v-334c5bd8]{position:relative;width:10%;margin:0 auto;background:#d3d3d3;border-radius:18px;padding-top:.5rem;padding-bottom:.35rem}.player-play-icon img[data-v-334c5bd8]{width:1.6rem;height:1.6rem;border-radius:3px;margin-left:1.7rem;margin-bottom:.1rem}.player-play-icon img[data-v-334c5bd8]:hover{opacity:.6}.player-progress-container[data-v-334c5bd8]{display:flex;flex-direction:column;width:80%}.player-progress-wrap[data-v-334c5bd8]{position:relative;background:#ddd;height:6px;border-radius:3px;margin-top:20px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.player-progress[data-v-334c5bd8]{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px}.player-progress-point[data-v-334c5bd8]{position:absolute;left:-8px;top:50%;width:16px;height:16px;border-radius:50%;margin-top:-8px}.player-progress-point[data-v-334c5bd8]:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%}.player-time[data-v-334c5bd8]{margin-top:.2rem;margin-left:auto}.player-time span[data-v-334c5bd8]{font-size:.875rem;line-height:1.25rem}.player-title[data-v-334c5bd8]{text-align:center;font-size:.875rem;line-height:3.25rem;font-weight:700;color:#3c3c3c}.imgbox{position:relative}#right-btn{position:absolute;bottom:280px;right:220px}#left-btn{position:absolute;bottom:280px;right:580px}#south{margin-top:6px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}#theSelect{min-width:310px;margin-bottom:1.75rem}.myflex{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}p.reduceWidth{width:80%;margin-bottom:1.75rem}#header{display:flex;flex-direction:row;justify-content:right;width:100%}.background-dark{background-color:#202227}main[data-v-da0bd125]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}h1[data-v-da0bd125]{font-size:3rem;text-align:center;font-weight:700;color:#29023d}button[data-v-da0bd125]{padding:.5em;width:180px;font-weight:700;color:#fff;background-color:#4c3575;border:none;border-radius:.2rem;cursor:pointer}a[data-v-da0bd125]{color:#fff;text-decoration:none}button[data-v-da0bd125]:hover,a[data-v-da0bd125]:hover{transition:all cubic-bezier(.39,.575,.565,1) .3s;background-color:#fff;color:#333;border-radius:1px}button[data-v-da0bd125]:active{background-color:#333}button[data-v-da0bd125]:hover{border:#4c3575 3px solid}.back[data-v-da0bd125]{font-size:1em;margin:1.5em}div.spacer[data-v-39e00ad1]{height:40px}div.widthText[data-v-39e00ad1]{max-width:650px;margin:0 auto}h4.verdanaH[data-v-39e00ad1]{font:18pt Verdana,Geneva,Arial,Helvetica,sans-serif;font-weight:400;color:#454545;margin-top:1.8rem;margin-bottom:1.8rem;text-align:center}#w100guitar[data-v-39e00ad1]{margin-top:50px;width:85%;margin-bottom:-70px}.guitar[data-v-39e00ad1]{z-index:1;height:120px}#myProgress[data-v-39e00ad1]{margin:auto;width:40%;background-color:#ddd;border-radius:10px}#myBar[data-v-39e00ad1]{width:1%;height:30px;background-color:#b168ab;border-radius:10px}#barSpacer[data-v-39e00ad1]{height:150px}#megaSpacer[data-v-39e00ad1]{height:1000px}div.absol[data-v-39e00ad1]{margin-left:6px;text-align:center}#intro[data-v-39e00ad1]{text-align:center;width:100%}h3[data-v-39e00ad1]{margin:40px 0 0}ul[data-v-39e00ad1]{list-style-type:none;padding:0}li[data-v-39e00ad1]{display:inline-block;margin:0 10px}a[data-v-39e00ad1]{color:#42b983}#hue[data-v-39e00ad1]{filter:hue-rotate(200deg);display:block;margin-left:auto;margin-right:auto}[data-v-39e00ad1]::-webkit-scrollbar{width:10px}[data-v-39e00ad1]::-webkit-scrollbar-track{background:#f5f5f5}[data-v-39e00ad1]::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#787879,#888);border-radius:10px}.section1[data-v-39e00ad1]{font-family:Poppins,sans-serif;display:flex;position:relative;width:100%}.animated_title[data-v-39e00ad1]{color:#222;font-family:Poppins,sans-serif;letter-spacing:1.2px;height:15vmax;position:relative;width:33vmax;display:flex;left:40%;z-index:2}.animated_title>div[data-v-39e00ad1]{height:85%;overflow:hidden;position:absolute;width:100%}.animated_title>div div[data-v-39e00ad1]{font-size:4vmax;font-weight:580;padding:2vmin 0;position:absolute}.animated_title>div div span[data-v-39e00ad1]{display:block}.animated_title>div.text_top[data-v-39e00ad1]{border-bottom:.8vmin solid #747474;width:94%;animation:showBottomText-39e00ad1 .4s;animation-delay:.1s;top:0}.animated_title>div.text_top div[data-v-39e00ad1]{animation:showTopText-39e00ad1 .7s;animation-delay:.5s;animation-fill-mode:forwards;bottom:0;transform:translateY(100%)}.animated_title>div.text_top div span[data-v-39e00ad1]:first-child{color:#747474}.animated_title>div.text_top div span[data-v-39e00ad1]:first-child:hover{color:#f34f1c}.animated_title>div.text_top div span[data-v-39e00ad1]:nth-child(2):hover{color:#ffba01}.bounce-in-right[data-v-39e00ad1]{animation:bounce-in-right-39e00ad1 1.2s cubic-bezier(.455,.03,.515,.955) both;animation-iteration-count:infinite}.bounce-in-top[data-v-39e00ad1]{animation:bounce-in-top-39e00ad1 1.3s cubic-bezier(.455,.03,.515,.955) both;animation-iteration-count:infinite}.bounce-in-left[data-v-39e00ad1]{animation:bounce-in-left-39e00ad1 1.1s cubic-bezier(.455,.03,.515,.955) both;animation-iteration-count:infinite}.bounce-in-bottom[data-v-39e00ad1]{animation:bounce-in-bottom-39e00ad1 1.2s cubic-bezier(.455,.03,.515,.955) both;animation-iteration-count:infinite}.text-bounce[data-v-39e00ad1]{transform:scaleY(1) translateY(0);transform-origin:50% 100%;transition:.3s ease-in-out}.animate[data-v-39e00ad1]{animation:bouncy-39e00ad1 1s infinite}[data-v-39e00ad1]:hover{cursor:default}@keyframes showTopText-39e00ad1{0%{transform:translate3d(0,100%,0)}40%,60%{transform:translate3d(0,50%,0)}to{transform:translateZ(0)}}@keyframes showBottomText-39e00ad1{0%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}@keyframes bouncy-39e00ad1{0%{transform:scaleY(1) translateY(0)}25%{transform:scaleY(.5) translateY(20px)}50%{transform:scaleY(1.1) translateY(-20px)}75%{transform:scaleY(.8) translateY(10px)}to{transform:scaleY(1) translateY(0)}}@keyframes bounce-in-right-39e00ad1{0%{transform:translate(120px);animation-timing-function:ease-in;opacity:0}38%{transform:translate(0);animation-timing-function:ease-out;opacity:1}55%{transform:translate(68px);animation-timing-function:ease-in}72%{transform:translate(0);animation-timing-function:ease-out}81%{transform:translate(32px);animation-timing-function:ease-in}90%{transform:translate(0);animation-timing-function:ease-out}95%{transform:translate(8px);animation-timing-function:ease-in}to{transform:translate(0);animation-timing-function:ease-out}}@keyframes bounce-in-top-39e00ad1{0%{transform:translateY(-120px);animation-timing-function:ease-in;opacity:0}38%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}55%{transform:translateY(-65px);animation-timing-function:ease-in}72%{transform:translateY(0);animation-timing-function:ease-out}81%{transform:translateY(-28px);animation-timing-function:ease-in}90%{transform:translateY(0);animation-timing-function:ease-out}95%{transform:translateY(-8px);animation-timing-function:ease-in}to{transform:translateY(0);animation-timing-function:ease-out}}@keyframes bounce-in-left-39e00ad1{0%{transform:translate(-120px);animation-timing-function:ease-in;opacity:0}38%{transform:translate(0);animation-timing-function:ease-out;opacity:1}55%{transform:translate(-68px);animation-timing-function:ease-in}72%{transform:translate(0);animation-timing-function:ease-out}81%{transform:translate(-28px);animation-timing-function:ease-in}90%{transform:translate(0);animation-timing-function:ease-out}95%{transform:translate(-8px);animation-timing-function:ease-in}to{transform:translate(0);animation-timing-function:ease-out}}@keyframes bounce-in-bottom-39e00ad1{0%{transform:translateY(120px);animation-timing-function:ease-in;opacity:0}38%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}55%{transform:translateY(65px);animation-timing-function:ease-in}72%{transform:translateY(0);animation-timing-function:ease-out}81%{transform:translateY(28px);animation-timing-function:ease-in}90%{transform:translateY(0);animation-timing-function:ease-out}95%{transform:translateY(8px);animation-timing-function:ease-in}to{transform:translateY(0);animation-timing-function:ease-out}}@keyframes image-bounce-in-right-39e00ad1{0%{transform:translate(0);opacity:0}38%{transform:translate(10px);opacity:1}55%{transform:translate(5px)}72%{transform:translate(15px)}81%{transform:translate(10px)}90%{transform:translate(20px)}to{transform:translate(10px)}}