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}:root{--bg:#36393f;--profile-bg:#18191c;--banner-h:120px;--banner-color:#d69264;--border-radius:20px;--col-grey:#b9bbbe}#app{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background-color:#36393f;background-color:var(--bg);color:#fff;display:flex;justify-content:center}#profile{position:relative;width:calc(100% - 20px);max-width:600px;height:calc(100% - 40px);align-self:flex-end;background-color:#18191c;background-color:var(--profile-bg)}#banner,#profile{border-radius:20px 20px 0 0;border-radius:var(--border-radius) var(--border-radius) 0 0}#banner{top:0;left:0;width:100%;height:120px;height:var(--banner-h);background-color:#d69264;background-color:var(--banner-color)}#avatar,#banner{position:absolute}#avatar{--size:58px;bottom:calc(var(--size)*-1);left:30px;border-radius:50%;border:10px solid #18191c;border:10px solid var(--profile-bg)}#profile-content{position:absolute;top:120px;top:var(--banner-h);width:100%;left:0;height:calc(100% - 120px);height:calc(100% - var(--banner-h))}#tag{padding:64px 30px 30px;font-size:34px;font-family:"Whitney Medium"}#username{color:#fff}#about-me-header,#discriminator{color:#b9bbbe;color:var(--col-grey)}#about-me-header{font-family:"Whitney Bold";text-transform:uppercase;font-size:20px;padding:10px 30px}#about-me{font-family:"Whitney Light Regular";color:#fff;padding:10px 30px;font-size:22px}#roles-cont{margin-top:10px;border-top:1px solid #262729}#roles-header{font-family:"Whitney Bold";text-transform:uppercase;color:#b9bbbe;color:var(--col-grey);font-size:20px;padding:10px 30px}#roles{display:flex;flex-flow:wrap;margin:0 30px}.role{font-family:"Whitney Medium";position:relative;font-size:18px;margin:5px;border-radius:30px;padding:6px 10px 6px 30px}.role-dot{position:absolute;--size:16px;height:var(--size);width:var(--size);top:calc(50% - var(--size)/2);left:8px;border-radius:50%}#badges{display:flex;justify-content:right;flex-flow:wrap;position:absolute;right:10px;top:10px;width:calc(50% - 10px);-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;-moz-justify-content:flex-end}.badge{margin:6px;--size:30px;width:var(--size);height:var(--size)}
/*# sourceMappingURL=main.befd4ed8.chunk.css.map */