.tab { display: flex; }
.tab button { background-color: inherit; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; flex: 1; text-align: center; border-bottom: 3px solid #ccc; font-family: 'Courier New', Courier, monospace; font-size: inherit}
.tab button.active { border-bottom: 3px solid #000; }
.tabcontent { display: none; padding: 6px 12px; border-top: none; }
.tabcontent pre { font-family: 'Courier New', Courier, monospace; }