body{font-family:sans-serif;background-color:#1e1e1e;color:#fff;text-align:center;padding:2rem}.language{display:inline-block;margin:.5rem;padding:.5rem 1rem;border-radius:5px;color:#fff;font-weight:700;transition:transform .2s ease}.language:nth-child(1){background-color:#e74c3c}.language:nth-child(2){background-color:#f39c12}.language:nth-child(3){background-color:#f1c40f}.language:nth-child(4){background-color:#2ecc71}.language:nth-child(5){background-color:#3498db}.language:nth-child(6){background-color:#9b59b6}.language:nth-child(7){background-color:#1abc9c}.language:nth-child(8){background-color:#e67e22}.language:nth-child(9){background-color:#34495e}.language:nth-child(10){background-color:#95a5a6}.language:nth-child(11){background-color:orange}.language:hover{transform:scale(1.05)}.keyboard button{margin:.3rem;padding:.5rem;font-size:1rem;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer}.keyboard button:disabled{background-color:#555;cursor:not-allowed}