:root{--header-height: 10vh}*{margin:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{display:grid;margin-left:1%;grid-template-columns:21.5% 21.5% 21.5% 21.5%;height:var(--header-height);max-height:var(--header-height);grid-template-areas:"top1 top2 top3 top4";grid-gap:4%;object-fit:scale-down;text-align:center;background-color:#222;overflow:hidden}.appbtn{grid-area:top1;display:grid;place-items:center}.appbtn:hover{margin-top:.15vh;border-top-left-radius:20px;border-top-right-radius:20px;background-color:#1c1c1c;opacity:.7}.playlistbtn{grid-area:top2;display:grid;place-items:center}.playlistbtn:hover{margin-top:.15vh;border-top-left-radius:20px;border-top-right-radius:20px;background-color:#1c1c1c;opacity:.7}.sparebtn{grid-area:top3;display:grid;place-items:center}.sparebtn:hover{margin-top:.15vh;border-top-left-radius:20px;border-top-right-radius:20px;background-color:#1c1c1c;opacity:.7}.profbtn{grid-area:top4;display:grid;place-items:center}.profbtn:hover{margin-top:.15vh;border-top-left-radius:20px;border-top-right-radius:20px;background-color:#1c1c1c;opacity:.7}.spread{width:100%;height:60%;position:relative;bottom:0;display:grid;place-items:center;text-decoration:none}#mui{font-size:37px}.fa-spotify,.fa-clone,.fa-id-badge,.fa-user,.fa-music,.fa-user-cog{color:#fff}.fas,.fab{padding:auto;font-size:30px;width:50px;text-align:center;text-decoration:none}@media screen and (max-width:1024px){.fas{padding:13px;font-size:30px;width:50px;text-align:center;text-decoration:none;bottom:0}.fab{padding:13px;font-size:30px;width:50px;text-align:center;text-decoration:none}}@media screen and (max-width:281px){.fas{padding:13px 4px;font-size:30px;width:50px;text-align:center;text-decoration:none;margin:5px 0;bottom:0}.fab{padding:13px 4px;font-size:30px;width:50px;text-align:center;text-decoration:none;margin:5px 2px}}.App{height:100vh;width:100vw;background-color:#222}.media-container{height:100vh;width:100vw}@media screen and (min-width:1025px){.media-container{width:26vw;height:68vh;position:absolute;left:37vw;top:15vh}.landing-page{border-radius:20px}}.landing-page{display:grid;place-items:center;background-image:url(/assets/HomePage-CisCgv3O.jpg);background-position:center;background-size:cover;height:100%;width:100%}.spotify-login-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;border:none;border-radius:25px;background-color:#1db954;color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.spotify-login-btn:hover{background-color:#1ed760}.spotify-login-logo{height:22px;width:22px;fill:#fff}.auth-status{margin-top:16px;padding:8px 16px;border-radius:6px;background-color:#0009;color:#fff;font-size:14px;text-align:center}.auth-status.error{color:#ff6b6b}.btn{height:40px;align-self:center;margin-top:30px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer;border:1px solid black;text-decoration:none;color:#000;text-align:center;white-space:nowrap;padding:10px 12px 0;font-size:18px;line-height:1.42857143;border-radius:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:linear-gradient(180deg,#fff,#ccc);background-color:#ccc;box-shadow:-2px 1px 5px #000}.btn:hover{background-image:linear-gradient(180deg,#444,#333);transition-duration:.65s;background-color:#333;color:#fff;box-shadow:1px 1px 10px -5px #050505}.btn:active{transition-duration:0ms;box-shadow:0 0 #fff;margin:36px 10px 2px}