body{background-color:#101010;font-family:Montserrat;margin:0;overflow-x:hidden;scroll-behavior:smooth}.headerDiv{align-items:center;background-color:#432c7a;display:flex;height:12vh;justify-content:space-between;margin-left:220px;padding:15px}.arrows{background-color:#000;border:5px solid transparent;border-radius:30px;color:#f0f8ff;margin:27px 14px;opacity:.5;width:40px}.arrows:hover{opacity:.8}.profile{align-items:center;background:rgba(0,0,0,.8);background-size:33px;border:1px solid transparent;border-radius:30px;color:#fff;display:flex;font-family:Montserrat;font-size:14px;gap:8px;height:35px;padding:0}.profile:hover{background:rgba(0,0,0,.4)}.profile:hover+#dropdown{display:block}.profile>span{font-weight:500;padding-right:10px}button:active{-webkit-transform:scale(.9);transform:scale(.9)}.signin-btn{align-items:center;background-color:#101010;border:1px solid transparent;border-radius:7px;color:#fff;display:flex;font-family:Montserrat;gap:8px;margin:15px 20px;padding:5px 10px}#dropdown{position:relative}#dropdown-content{background-color:#444343ec;border-radius:5px;display:none;padding:10px;position:absolute;right:25px;text-align:center;width:3.5em}#dropdown:hover #dropdown-content{display:block}#dropdown-content>ul{list-style:none;margin:0;padding:0}.dd-list-item{opacity:.8}.dd-list-item:hover{opacity:1}#logout-btn{align-items:center;background-color:inherit;border:1px solid transparent;color:#fff;display:flex;font-family:Roboto;font-size:14px;font-weight:400;justify-content:space-between;padding:0;width:100%}@media screen and (max-width:450px){.headerDiv{width:85vw}.profile{right:0}.profile>span{font-size:12px}}.navbarDiv{background-color:#000;float:left;height:92%;position:fixed;width:220px}a{color:#fff;text-decoration:none}ul>.navItems{background-color:#000;color:#fff;list-style:none;margin-top:0;position:relative}ul>.navItems>li{font-size:14px;margin:0 -32px;padding:10px}ul>.navItems2>li,ul>.navItems>li{align-items:center;display:flex;opacity:.8}ul>.navItems2>li{font-size:13px;margin:0 -21px}ul>.navItems2>li:hover,ul>.navItems>li:hover{opacity:1}.navIcons{padding-right:6px}.regIcon{font-size:10px;vertical-align:text-top}.logo>h1,.logo>img{background-color:#fff;border-radius:30px;vertical-align:middle}.logo{color:#fff;font-size:22px;padding-left:16px;padding-top:12px}hr{opacity:.3;text-align:center;width:90%}#playNav{max-height:80%;overflow-y:scroll}.greetingDiv{background-color:#101010;background-image:linear-gradient(0deg,#101010,#432c7a);color:#fff;display:flex;font-size:14px;height:80px;margin-left:220px;padding-left:10px;width:auto}@media screen and (max-width:400px){.greetingDiv{width:82.5vw}}.test{display:flex;flex-wrap:wrap;margin-left:220px}.playlistRectDiv{background-color:#101010;padding:5px}.playlistRectButton{background:hsla(0,0%,97%,.09);border:10px solid transparent;border-radius:5px;color:#fff;font-family:Montserrat;font-weight:600;margin:5px;text-align:start;transition:.5s;width:29em}@media screen and (max-width:400px){.playlistRectButton{width:80vw}}.playlistRectButton:hover{background:hsla(0,0%,97%,.2)}.playlistRectButton>img,.playlistRectButton>span{padding-right:25px;vertical-align:middle}.h2div{color:#fff;display:flex;font-size:14px;height:80px;margin-left:220px;padding-left:10px;padding-top:10px;width:auto}.h2div,.playlistSqDiv{background-color:#101010}.playlistSqDiv{padding:0 13.5px 20px}.playlistSqButton{background:hsla(0,0%,97%,.04);border:10px solid transparent;border-radius:5px;border-radius:7px;color:#fff;font-family:Montserrat;transition:.5s}.playlistSqButton:hover{background:hsla(0,0%,97%,.12)}.playlistSqButton>img,.playlistSqButton>span{border-radius:9px;display:block;padding:5px;text-align:start;width:175px}.mixName{font-size:16px;font-weight:600}.info{opacity:.6}@media screen and (max-width:400px){.playlistSqDiv{align-items:center}}.footerDiv{background-color:#141414;border:1px solid #292929;bottom:0;color:#fff;display:flex;left:0;overflow-x:scroll;position:fixed;width:100%}.text-container{margin-top:24px}.img-container{margin:15px}#playIcon{font-size:36px}.playerIcons{margin:5px;vertical-align:middle}#playerIcons{opacity:.7}#playerIcons:hover{opacity:1}.navigation{flex-grow:1;flex-shrink:0;margin:0 460px 0 310px;text-align:center}.navigation-buttons>form>button{background-color:#141414;border:0 transparent;border-radius:35px;color:#fff;padding-top:10px}button{cursor:pointer}.progress-container{background:gray;border-radius:5px;cursor:pointer;height:4px;margin:10px 0;width:100%}.progress{background-color:#fff;border-radius:5px;height:100%;transition:width .1s linear;width:0}#song{font-size:14px}#artist{font-size:11px;opacity:.6}#artist:hover{opacity:1}.footerAnc:hover{cursor:pointer;text-decoration:underline}
/*# sourceMappingURL=main.1e3e0f6d.css.map*/