style.css

:root{height:160px;width:240px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif}*,::after,::before,:host,:root,body,html{word-wrap:break-word;box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,'Courier New',monospace}body{display:flex;flex:1;flex-direction:column;height:100%;width:100%}header{padding:10px;border-bottom:1px solid #0005;width:100%;display:flex;justify-content:space-between;align-items:flex-end}.starter{display:flex;justify-content:center;align-items:flex-end;width:100%;border-bottom:1px solid #0002;padding:10px}.starter button{display:inline-block;padding:10px 20px;font-weight:600;font-size:13px;border-radius:6px;border:1px solid #2bc48a;color:#2bc48a;background-color:#2bc48a22;transition:all .2s ease}.starter button:hover{background-color:#2bc48a;color:#fff;cursor:pointer}header .name{font-size:16px;font-weight:700;color:#20b2aa}header .version{color:#727888;font-size:10px}main{width:100%}label{display:flex;justify-content:space-between;align-items:center;font-size:14px;width:100%;padding:10px 5px;border-bottom:1px solid #0002;transition:all .2s ease}label:hover{background-color:#20b2aa33;cursor:pointer}.info{font-size:10px;color:#727888}footer{display:flex;justify-content:flex-end;align-items:center;margin-top:auto;padding:8px}footer a{color:#2a52be;font-weight:500;font-size:13px;text-decoration:none}footer a:hover{text-decoration:underline}