@import"https://fonts.googleapis.com/css2?family=Rubik&display=swap";*{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}._3xrlJ{transition-duration:.3s;font-family:Rubik,Arial,Helvetica,sans-serif;background-color:#1db954;color:#fff;cursor:pointer;padding:.25rem .5rem;display:flex;justify-content:center;align-items:center;min-height:32px;border:none;border-radius:.2rem}._3xrlJ:hover,._3xrlJ:focus{transition-duration:.5s;transform:translate(-1px,2px);box-shadow:0 .25rem .75rem #777}._1JCP_{padding:.25rem .5rem;height:1.5rem;fill:#fff;width:2em}.header{display:grid;margin-left:1%;grid-template-columns:21.5% 21.5% 21.5% 21.5%;height:10vh;max-height:10vh;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%}.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}