@import url(https://fonts.googleapis.com/css2?family=Quicksand&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css);img[data-v-0f36d4ec]{width:250px}nav[data-v-0f36d4ec]{padding:30px;height:100%;width:250px;min-height:100vh;min-width:250px;left:0}nav a[data-v-0f36d4ec]{font-weight:400;color:#fff;text-decoration:none;position:relative}.absoluteBkg[data-v-0f36d4ec]{background-color:#662323;height:100%;position:fixed;left:0;width:310px}.navCont[data-v-0f36d4ec]{position:fixed}.linkCont[data-v-0f36d4ec]{position:fixed;display:flex;flex-direction:column;align-items:flex-start;color:#fff}nav a.router-link-exact-active[data-v-0f36d4ec]{color:#e86060;font-weight:700}nav a.router-link-exact-active[data-v-0f36d4ec]:before{content:"";position:absolute;left:0;height:100%;width:8px;margin-left:-30px;background-color:#e86060}.hamburger[data-v-0f36d4ec]{display:none;height:0}button[data-v-0f36d4ec]{position:absolute;bottom:0;font-size:30px;color:#fff;background-color:transparent;border:0}.closeButton[data-v-0f36d4ec]{display:none}@media screen and (max-width:880px){.absoluteBkg[data-v-0f36d4ec]{width:0;position:relative;display:block}nav[data-v-0f36d4ec]{width:0;padding:0;min-width:0}img[data-v-0f36d4ec]{width:0}.linkCont[data-v-0f36d4ec]{width:0;overflow:hidden}img.opened[data-v-0f36d4ec]{width:300px;margin-top:50px}.absoluteBkg.opened[data-v-0f36d4ec]{width:100%;position:absolute;z-index:1}.navCont.opened[data-v-0f36d4ec]{width:100%;text-align:center}.linkCont.opened[data-v-0f36d4ec]{display:flex;align-items:center;width:100%;text-align:center;height:80vh}.closeButton[data-v-0f36d4ec]{display:block}}footer{background-color:#eb5757;position:fixed;display:grid;justify-content:space-between;align-items:center;bottom:0;width:100%;height:100px}.routerCont{margin:20px 40px;padding-bottom:120px}.imgAndDesc,footer{display:flex}.imgAndDesc{justify-content:center}.correctImg{height:100px;width:100px}.fallbackImg{height:104px;width:125px;margin-top:25px;margin-left:20px}.songDesc{display:flex;flex-direction:column;justify-content:center;margin-left:15px}.songDesc>p,h4{color:#fff;text-align:start;margin:2px}.mediaButtons{display:flex;flex-direction:row}.mediaButtons>button{height:50px;width:50px;border-radius:25px;border:0;background-color:transparent;color:#fff;cursor:pointer}.playPause{background-color:#ff7676!important}.playPause:active{background-color:#ff76769d!important}.volume{display:flex;gap:10px;margin-right:25px}button.icon{border:0;font-size:20px;color:#fff;background-color:transparent;cursor:pointer}input[type=range]{border-radius:3px;-webkit-appearance:none;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;animate:.2s;box-shadow:0 0 1px #000;background:#fff;border-radius:4px;border:0 solid #000}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #000;border:1px solid #f2f2f2;height:24px;width:24px;border-radius:12px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-9.5px}input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}input[type=range]::-moz-range-track{width:100%;height:6px;cursor:pointer;animate:.2s;box-shadow:0 0 1px #000;background:#fff;border-radius:4px;border:0 solid #000}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000;border:1px solid #f2f2f2;height:24px;width:24px;border-radius:12px;background:#fff;cursor:pointer}input[type=range]::-ms-track{width:100%;height:6px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#fff;border:0 solid #000;border-radius:8px;box-shadow:0 0 1px #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0 0 0 #000;border:1px solid #f2f2f2;height:24px;width:24px;border-radius:12px;background:#fff;cursor:pointer}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#fff}@media screen and (max-width:500px){footer{display:grid;grid-auto-flow:row;grid-template-columns:60% 40%;grid-template-rows:repeat(2,50%)}.imgAndDesc{grid-column-start:1;grid-column-end:2;height:100%}.mediaButtons{margin-top:8px;grid-column:2/2;grid-row:1/2}.audioAndVol{grid-column:2/2;grid-row:2/2}.volume{margin-right:2px}.songDesc{justify-content:start;margin-top:8px}}.logout[data-v-657ccc91]{color:#fff;background-color:var(--mainred);height:35px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 15px;border:0;border-radius:18px;cursor:pointer}.topCard[data-v-2fa4412e]{width:100%;height:250px;margin:auto;background-color:#a70000b2;display:flex;color:#fff}.description[data-v-2fa4412e]{text-align:start;margin-left:30px;margin-top:15px}.buttonCont[data-v-2fa4412e]{margin-top:90px;display:flex;gap:20px}.playButton[data-v-2fa4412e]{color:#fff;background-color:var(--mainred);height:30px;width:100px;border:0;border-radius:15px;cursor:pointer}.playButton[data-v-2fa4412e]:active{background-color:#e86060a5}.resultText[data-v-2fa4412e]{text-align:start;font-size:22px;font-weight:700;color:var(--mainred)}.gridView[data-v-2fa4412e]{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));row-gap:12px;justify-items:center}.gridElement[data-v-2fa4412e]{text-align:start;width:160px}.gridElement>img[data-v-2fa4412e]{width:160px;height:160px;-o-object-fit:contain;object-fit:contain;cursor:pointer}.songTitle[data-v-2fa4412e]{font-weight:700;margin:8px 0 0 0}.songArtist[data-v-2fa4412e]{margin:0}.noCover[data-v-2fa4412e]{height:100%;-o-object-position:10px 25px;object-position:10px 25px}.dots[data-v-2fa4412e]{color:#fff;background-color:transparent;border:0;font-size:22px}.icon[data-v-2fa4412e]{font-family:Font Awesome\ 6 Free;font-weight:700}.renderCont[data-v-b090a46a]{width:100%;margin-left:370px}.routerCont[data-v-b090a46a]{margin:20px 40px;padding-bottom:120px}.topInfo[data-v-b090a46a]{display:flex;align-items:center;justify-content:space-between;padding:20px;margin-bottom:15px}.searchbar[data-v-b090a46a]{border:1px solid #828282;border-radius:10px;height:25px;width:0;padding-left:10px;min-width:100%}.sbCont[data-v-b090a46a]{position:relative;min-width:50px;width:100%}.sbCont>p[data-v-b090a46a]{font-family:Font Awesome\ 6 Free;font-weight:700;position:absolute;margin:0;right:10px;top:7px}.logout[data-v-b090a46a]{color:#fff;background-color:var(--mainred);height:35px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 15px;border:0;border-radius:18px;cursor:pointer}.hamburger[data-v-b090a46a]{display:none}.loginButton[data-v-b090a46a]{padding:0 20px}@media screen and (max-width:880px){.hamburger[data-v-b090a46a]{display:block;position:relative;font-family:Font Awesome\ 6 Free;font-weight:600;font-size:24px;margin:0 10px 0 20px;height:-webkit-max-content;height:-moz-max-content;height:max-content}.renderCont[data-v-b090a46a]{margin-left:0}.topInfo[data-v-b090a46a]{padding:20px 0 0 0}.loginButton[data-v-b090a46a]{flex-basis:150px}.sbCont[data-v-b090a46a]{margin:0 10px;flex-basis:50%;flex-grow:0}}template{min-height:100vh}#app{font-family:Quicksand,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;--mainred:#e86060}.viewCont{position:relative;display:flex;flex-direction:row;height:100%}img{width:250px}.flex{display:flex}.icon{font-family:Font Awesome\ 6 Free;font-weight:700}.topCard[data-v-55b67394]{width:100%;height:250px;margin:auto;background-color:#a70000b2;display:flex;color:#fff}.description[data-v-55b67394]{text-align:start;margin-left:30px;margin-top:15px}.buttonCont[data-v-55b67394]{margin-top:90px;display:flex;gap:20px}.playButton[data-v-55b67394]{color:#fff;background-color:var(--mainred);height:30px;width:100px;border:0;border-radius:15px;cursor:pointer}.playButton[data-v-55b67394]:active{background-color:#e86060a5}.dots[data-v-55b67394]{color:#fff;background-color:transparent;border:0;font-size:22px}@media screen and (max-width:580px){.topCard[data-v-55b67394]{flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:15px}.description[data-v-55b67394]{text-align:center;margin:0}.buttonCont[data-v-55b67394]{margin:auto;justify-content:center;margin-bottom:10px}}