@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);:root{--ijo:#00ffb3;--biru-muda:rgb(104, 195, 255);--kuning:rgb(255, 201, 99);--light:#eaeaea;--semi-light:#949494;--dark:#222;--semi-dark:#333}body{font-family:"Fira Code",monospace;background-color:var(--dark);color:var(--light);min-height:calc(100vh + 8rem);position:relative}#root{padding-bottom:10rem}*{margin:0;padding:0}h2,h4{text-align:center}a{color:var(--biru-muda)}footer,footer::before{width:100%;position:absolute}footer{padding:2rem 0;background-color:#000;text-align:center;bottom:0}footer::before{content:"";height:3rem;border-radius:0 0 1rem 1rem;display:inline-block;background-color:var(--dark);top:-2rem;left:0}.container{max-width:75rem;margin:auto;padding:1rem;display:flex;flex-direction:column;gap:2rem}.key{color:var(--ijo)}.value{color:var(--kuning)}.logo-wrapper{display:flex;flex-direction:column;gap:.3rem;position:fixed;top:1rem;right:1rem}.logo-bg{width:30px;height:30px;border-radius:100%;display:flex;justify-content:center;align-items:center;background-color:var(--dark);border:2px solid var(--light);outline:2px solid var(--dark)}.coffe-logo,.github-logo{fill:var(--light)}.coffe-logo{width:20px}.card,.card-wrapper{display:flex;flex-direction:column;padding:.5rem}.card-wrapper{background-color:var(--semi-dark);border-radius:.5rem;gap:1rem}.card{gap:.5rem;border:1px solid var(--semi-light);border-radius:.25rem;overflow-x:auto}.dot{width:.1rem;height:.8rem;margin-right:.3rem;background-color:#fff;border:.5px solid var(--light);display:inline-block;line-height:.2rem}