@import "https://fonts.googleapis.com/css?family=Source+Code+Pro";:root{--color-bg:#000;--color-text:#fff;--color-cyan:#3c8aba;--font-mono:"Source Code Pro", monospace}html,body,#root{box-sizing:border-box;width:100%;min-height:100%}body,#root{min-height:100vh}*,:before,:after{box-sizing:inherit}a:visited,a:link{color:#fff}body{background-color:var(--color-bg);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;margin:0;padding:0}.App{width:100%;min-height:100vh;color:var(--color-text);position:relative;overflow-x:hidden}.App nav{text-align:left;width:100%;padding:10px;display:flex}.App>header{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.App__overlay{z-index:1000;background-color:#00000054;justify-content:center;align-items:center;min-height:100dvh;display:flex;position:fixed;inset:0}.App__overlay--empty{background-color:var(--color-bg)}.App__content{z-index:2;width:100%;max-width:1000px;margin:0 auto;padding-bottom:24px;position:relative}.App__balance{width:100%;min-height:500px}.BalanceWindow{margin:40px auto 20px;font-size:14px}.App>footer{z-index:2;text-align:center;justify-content:center;align-items:center;width:100%;min-height:24px;display:flex;position:relative}@keyframes rotate{0%{transform:rotate(0)scale(.5)}to{transform:rotate(0)scale(1)}}.AttributeWindow{margin:30px auto 0}.AttributeWindow .Window__title h2{color:var(--color-cyan)}.mbti{color:#fff9;display:inline}.AttributeWindow .Window__title h1 .funcs{text-transform:capitalize}@keyframes start{0%{opacity:.3;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.WindowContainer{z-index:1;animation:.33s start;position:relative}.Window__bg{z-index:1}.Window__content{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.Window__title{z-index:10}.Window__title-container{z-index:1;align-items:center;max-width:100%;height:30px;padding-left:10px;display:flex;position:relative;overflow:hidden;transform:translateY(-30px)}.Window__title h1{text-transform:uppercase;letter-spacing:1px;margin:0;padding-left:10px;font-size:1em;font-weight:400;display:inline}.UIRect{align-items:center;display:flex;position:absolute;top:0;left:0}.BalanceWindow .Window__content{justify-content:flex-start;align-items:flex-start}.BalanceWindow__content{padding:20px;display:flex}.ProfileForm{text-align:center;padding:20px;position:relative}.ProfileForm .X{width:20px;position:absolute;top:-20px;right:-20px}.ProfileForm footer{flex-direction:column;justify-content:center;align-items:center;padding:20px 0;display:flex}.ProfileForm input:invalid{border-bottom:1px solid red}.ProfileForm input{border:none;border-bottom:1px solid var(--color-text);width:100%;height:50px;color:var(--color-text);background:0 0;padding:5px;font-size:14px;line-height:50px}:focus{outline:none}.UIButton{cursor:pointer;text-transform:uppercase}.UIButton--disabled{cursor:not-allowed;opacity:.33}.UIButton .Window__content{justify-content:center;align-items:center;display:flex}.X{cursor:pointer}.X svg{stroke:var(--color-text);fill:#0000;stroke-width:1px}.ProfileList{flex-wrap:wrap;justify-content:center;align-items:center;padding:20px;display:flex}.ProfileList .Profile{margin:10px}.ProfileList{align-items:center;display:flex}.Profile{width:180px;display:block;position:relative}.Profile h1,h2{margin:0;font-size:.9em;font-weight:400;position:relative}.Profile h1{text-transform:uppercase}.Profile__close{cursor:pointer;width:20px;height:20px;padding:0;position:absolute;top:-10px;right:-10px}::placeholder{color:#ffffff80;font-family:Source Code Pro,monospace;font-size:14px}@keyframes scroll{0%{transform:translateY(0)}20%{transform:translateY(-100px)}25%{transform:translateY(-105px)}40%{transform:translateY(-400px)}44%{transform:translateY(-405px)}70%{transform:translateY(-1000px)}75%{transform:translateY(-1005px)}90%{transform:translateY(-1500px)}95%{transform:translateY(-1540px)}to{transform:translateY(0)}}.Code{color:#69f0ae;opacity:.33;z-index:0;pointer-events:none;max-height:100vh;position:fixed;top:40%;left:5%;overflow:hidden}.Code .Window__content{padding-right:30px;position:relative;overflow:hidden;transform:translateY(-30px)}.Code__wrap{height:100%;overflow:hidden}.Code pre{letter-spacing:1px;padding:20px;animation:10s ease-out infinite forwards scroll}.PulseWindow{opacity:.45;width:300px;position:absolute;top:33%;right:5%}.Pulse__wrap{width:100%;height:250px;padding:10px;position:relative;overflow:hidden}.PulseWindow .Window__title{text-transform:uppercase}.PulseWindow .Pulse{width:calc(100% + 100px);height:100%;position:absolute;left:-100px}.Pulse svg{width:100%;height:100%;position:relative;top:-40px}#pulsar{stroke-dasharray:281;animation:4s linear infinite forwards dash}#jugular{stroke-dasharray:497;animation:1.4s infinite forwards dash}#bleed{stroke-dasharray:437;animation:1.2s ease-out infinite dash}#flat{stroke-dasharray:814;animation:10s linear infinite dash}@keyframes dash{0%{stroke-dashoffset:814px}to{stroke-dashoffset:-814px}}.Share{justify-content:flex-end;width:100%;padding:10px;font-size:1em;display:flex;position:absolute;top:0;left:0}.Share a{letter-spacing:1px;text-transform:uppercase;margin-left:12px;font-size:12px;display:block}