body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#090909;min-height:101vh}*,body{margin:0}*{font-family:Satoshi-Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-user-select:none;user-select:none}@font-face{font-display:swap;font-family:Satoshi-Variable;font-style:normal;font-weight:200 700;src:url(/static/media/Satoshi-Variable.353a66cdd8922bb63107.woff2) format("woff2"),url(/static/media/Satoshi-Variable.4db206aaad2132de9db7.woff) format("woff"),url(/static/media/Satoshi-Variable.536fda9b164542087fc7.ttf) format("truetype")}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);margin:0 auto;max-width:800px;min-height:100vh}.header{font-size:18px;padding:12px 0}.header>svg{height:auto;width:60px}.mainDiv{gap:125px;justify-content:center;margin-bottom:40px;margin-top:60px}.avatar,.mainDiv{align-items:center;display:flex}.avatar{flex-direction:column;gap:12px;position:relative}.photo{border-radius:50%;height:auto;width:150px}.spotify{display:flex;font-size:14px;gap:3px;position:absolute;text-align:center;top:160px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.songInfo{opacity:.5}.spotifyIcon{align-self:flex-start;height:18px;width:18px}.button{align-items:center;background:#131313;border:1px solid transparent;border-radius:6px;color:#999;display:flex;font-size:16px;gap:10px;justify-content:center;max-height:32px;max-width:auto;padding:12px 0;text-align:center;text-decoration:none;transition:.4s}.button>svg{width:24px}.button:hover,.tech:hover,.trackCard:hover{border:1px solid #414141;box-shadow:0 0 10px #41414120;-webkit-transform:scale(1.02);transform:scale(1.02)}.links{grid-gap:8px;display:grid;gap:8px;grid-template-columns:auto auto}.animation{-webkit-animation:anim 1.3s ease-out forwards;animation:anim 1.3s ease-out forwards;opacity:0}@-webkit-keyframes anim{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes anim{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.title{color:#a2a2a2;font-size:20px;margin-bottom:12px}.description{font-size:16px;font-weight:300;opacity:.7}.status{color:#999;font-size:18px;text-transform:capitalize}.statusDiv{grid-gap:6px;align-items:center;display:flex;gap:6px;margin-top:8px}.offline{background:#363636}.dnd{background:#ff3737}.online{background:#52ff61}.idle{background:#faa81a}.statusIcon{border-radius:50%;min-height:14px;min-width:14px}.tech{align-items:center;background:#131313;border:1px solid transparent;border-radius:6px;color:#999;display:flex;font-size:16px;gap:14px;max-height:36px;max-width:auto;padding:16px;text-decoration:none;transition:.4s}.techIUse{gap:8px;margin-top:32px}.techTitle{color:#a2a2a2;font-size:20px;margin-bottom:12px;margin-top:16px}.techButtons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:auto auto auto auto;margin-bottom:72px}.tech>svg{width:36px}.footer{font-size:16px;margin-top:auto}.footerText{color:#a2a2a2}a{color:inherit;text-decoration:none}.tracksDesc{color:#a2a2a2;font-size:16px;margin-bottom:8px}.tracksDesc a{text-decoration:underline}.recentTracksDiv{margin-bottom:72px;margin-top:72px}.trackTitle{color:#a2a2a2;font-size:20px;padding-bottom:4px}.tracks{grid-gap:8px;color:#c2c2c2;display:grid;font-size:15px;gap:8px;grid-template-columns:auto auto}.artistName{color:#a3a3a3;display:block;font-size:13px}.trackCard{background:#131313;border:1px solid transparent;border-radius:6px;justify-content:space-between;padding:10px;text-decoration:none;transition:.4s}.cardContent,.trackCard{align-items:center;display:flex}.cardContent{gap:16px}.trackImage{border-radius:8px;height:60px;width:60px}.time{color:#a2a2a2;font-size:12px}@media (max-width:1024px){.App{padding:0 32px}.mainDiv{flex-direction:column-reverse;gap:12px}.techButtons{grid-template-columns:auto auto}.spotify{position:static}.tech{justify-content:center}.tech span{width:100px}.tracks{grid-template-columns:auto}}@media (max-width:420px){.links,.techButtons{grid-template-columns:auto}}
/*# sourceMappingURL=main.fd475a9a.css.map*/