body{background:#352f44;margin:0;padding:0;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:#b9b4c7cc #0000001a}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#b9b4c7cc;border-radius:10px}::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}*{box-sizing:border-box;font-family:Ubuntu,serif}.loader{flex-grow:1;justify-content:center;align-items:center;width:100vw;display:flex}.App{flex-direction:column;align-items:center;width:100vw;min-height:100vh;padding:20px 10px 100px;display:flex}.App .main-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-radius:10px;justify-content:space-between;width:60%;padding:15px;display:flex;box-shadow:0 4px 6px #0000001a}.App .main-container .container-info{width:100%;height:100%}.App .main-container .container-info .header{gap:10px;display:flex}.App .main-container .container-info .header .primary-color-header,.App .main-container .container-info .header .secondary-color-header{letter-spacing:3px;font-family:Londrina Outline,sans-serif;font-size:34px;font-weight:800}.App .main-container .container-info .header .primary-color-header{color:linen}.App .main-container .container-info .header .secondary-color-header{color:#b9b4c7}.App .main-container .container-info hr{background-color:#b9b4c7;border:none;border-radius:5px;width:5%;height:5px;margin-left:0;margin-right:auto}.App .main-container .container-info .content{color:linen;letter-spacing:.5px;margin-top:10px;font-size:18px;line-height:1.6}.App #floating-patreon-btn{color:#fff;z-index:9999;background-color:#ff424d;border-radius:100%;align-items:center;padding:10px;font-family:Arial,sans-serif;font-weight:700;text-decoration:none;transition:background-color .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 8px #0003}.App #floating-patreon-btn :hover,.App #floating-patreon-btn :focus{background-color:#e03e47;outline:none}.App #floating-patreon-btn span{-webkit-user-select:none;user-select:none}@media screen and (max-width:1350px){.App .main-container,.App .playlist-container{width:80%}}@media screen and (max-width:1050px){.App .main-container,.App .playlist-container{width:90%}}@media screen and (max-width:820px){.App .main-container .container-info hr,.App .playlist-container .container-info hr{width:10%}}@media screen and (max-width:600px){.App .main-container .container-info hr,.App .playlist-container .container-info hr{width:15%}.App #floating-patreon-btn{bottom:80px}}
@font-face{font-family:Ubuntu;font-style:normal;font-weight:300;font-display:swap;src:url(../media/8f44a3f8acf030d7-s.13-2a8t9~vhy7.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Ubuntu;font-style:normal;font-weight:300;font-display:swap;src:url(../media/e476edbd88287c80-s.11.g-d82_oznb.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Ubuntu;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b5ec3cc80d647f5c-s.0b_az3ql45-b2.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Ubuntu;font-style:normal;font-weight:300;font-display:swap;src:url(../media/ba13cd28f015ae67-s.08iw-bhhd_.e8.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Ubuntu;font-style:normal;font-weight:300;font-display:swap;src:url(../media/e20f1bbbcea1f1aa-s.0-k_4mbfl___f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Ubuntu;font-style:normal;font-weight:300;font-display:swap;src:url(../media/cd72e39fe5f8e190-s.p.04cus79j~j33c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:url(../media/49f63022355b874d-s.11nl9zxewxe-t.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:url(../media/da99beadb68683ca-s.0ro0jt0v1wa6o.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c8480d661ce86a95-s.0pcfim0vq1i7w.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ed4419e06e4417f3-s.0708_2rb.kkfm.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:url(../media/35dab0372a508468-s.0kq0~qg37cqid.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:url(../media/216579b50e548914-s.p.0f15lb3k5m3.h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Ubuntu;font-style:normal;font-weight:500;font-display:swap;src:url(../media/62298de840807b3a-s.006~0drdw3gxp.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Ubuntu;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5b6b955c86e93082-s.039h-t36yu~_f.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Ubuntu;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e9a2cc13e71c7659-s.0~fdcud0u~xfu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Ubuntu;font-style:normal;font-weight:500;font-display:swap;src:url(../media/80b5d2606701f988-s.0keo5~of5c52o.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Ubuntu;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5427b945d5902666-s.0qkn~99ebxcis.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Ubuntu;font-style:normal;font-weight:500;font-display:swap;src:url(../media/3df2de83712245dd-s.p.09xh26xjk1va7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;font-display:swap;src:url(../media/893ae83aca20c19d-s.0uo_jh8dhmqu-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c02ac0fa909c6aa5-s.017tr7xckzqr0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;font-display:swap;src:url(../media/dd1c5fae9520065d-s.0s6j4aoxs._03.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ae8db9675a5da745-s.15g05.jjgjxu..woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798f80a4b3a62ae7-s.0.9l-646sag1..woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bc7fc94203521e3-s.p.053z1y05dxnuy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Ubuntu Fallback;src:local(Arial);ascent-override:91.32%;descent-override:18.52%;line-gap-override:2.74%;size-adjust:102.06%}.ubuntu_a71e4cac-module__9Ih5pG__className{font-family:Ubuntu,Ubuntu Fallback;font-style:normal}
@font-face{font-family:Londrina Outline;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e79dbf7642800452-s.p.05ow1q97oh._a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Londrina Outline Fallback;src:local(Arial);ascent-override:110.0%;descent-override:27.7%;line-gap-override:0.0%;size-adjust:85.91%}.londrina_outline_45b76388-module__Vj2vCW__className{font-family:Londrina Outline,Londrina Outline Fallback;font-style:normal;font-weight:400}
.navbar-container{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#00000080;border-radius:10px;justify-content:space-between;width:30%;min-width:fit-content;margin-bottom:20px;padding:15px;display:flex;position:fixed;bottom:0;box-shadow:0 4px 6px #0000001a}.navbar-container .navbar{justify-content:space-between;gap:10px;width:100%;display:flex}.navbar-container .navbar .nav-btn{cursor:pointer;color:linen;white-space:nowrap;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;padding:5px 7px;font-size:16px;text-decoration:none;transition:all .5s ease-in-out;display:inline-flex;position:relative}.navbar-container .navbar .nav-btn .label-mobile{display:none}.navbar-container .navbar .nav-btn:before,.navbar-container .navbar .nav-btn:after{content:"";background-color:#b9b4c7;width:0;height:2px;transition:all .5s ease-in-out;position:absolute}.navbar-container .navbar .nav-btn:before{top:0;right:0}.navbar-container .navbar .nav-btn:after{bottom:0;left:0}.navbar-container .navbar .nav-btn.active{color:#b9b4c7}.navbar-container .navbar .nav-btn.active:before,.navbar-container .navbar .nav-btn.active:after{width:100%}.navbar-container .navbar .nav-btn:hover{color:#b9b4c7;transform:scale(1.1)}@media screen and (max-width:450px){.navbar-container{width:calc(100% - 20px);max-width:500px;margin-bottom:10px;padding:10px}.navbar-container .navbar{gap:6px}.navbar-container .navbar .nav-btn{padding:5px 4px;font-size:12px}.navbar-container .navbar .nav-btn .label-desktop{display:none}.navbar-container .navbar .nav-btn .label-mobile{display:inline}}