:root{--darkest:#191d32;--dark-blue:#282f44;--dark-grape:#453a49;--dark-wine:#6d3b47;--dark-pink:#94345d;--clear-pink:#ba2c73;--white:#f1f1f1f1;--radius:20px}*{margin:0;padding:0}body{background-color:var(--darkest);margin:20px;font-family:Akatab;font-size:22px}h2{text-align:center;color:var(--clear-pink);margin:15px}.container{justify-content:space-around;gap:20px;margin-top:20px;display:flex}textarea{box-sizing:border-box;border:1px solid var(--dark-blue);background-color:var(--dark-wine);border-radius:var(--radius);width:50%;height:90vh;color:var(--white);padding:10px;font-family:monospace;font-size:18px;font-weight:500}textarea::placeholder{color:var(--white)}textarea::selection{background-color:var(--clear-pink)}.tabs-container{border:1px solid var(--dark-wine);border-radius:5px;max-width:600px;margin:0 auto;overflow:hidden}.tab-buttons{background-color:var(--dark-blue);border-bottom:1px solid var(--dark-wine);display:flex}.tab-buttons label{cursor:pointer;text-align:center;border-right:1px solid var(--dark-blue);color:var(--white);flex-grow:1;padding:10px 15px}.tab-buttons label:last-child{border-top-right-radius:var(--radius);border-right:none}.tab-buttons input[type=radio]{display:none}#tab1:checked+label[for=tab1],#tab2:checked+label[for=tab2]{background-color:var(--dark-wine);color:var(--white)}