.numbers{display:flex;flex-grow:0;text-align:center;height:100%}.column ul{list-style:none;margin:0;padding:0}.ltr,.num{display:block;font-size:5vh;font-size:calc(var(--vh, 1vh) * 5);line-height:6.25vh;line-height:calc(var(--vh, 1vh) * 6.25);padding:0 20px}.ltr{font-weight:700;margin:0;padding:0;text-transform:capitalize}.num{color:var(--secondary-color)}.num.picked{color:var(--primary-color);font-weight:700}.result{flex-grow:1;min-width:250px;text-align:center}.letter,.number{display:block;font-size:25vh;font-weight:700;line-height:25vh}.buttons{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}.buttons li{margin:20px 15px 0}.buttons button{font-size:4vh}@media (hover: hover){.buttons{display:none}}:root{--background-color: #bcb4a0;--primary-color: #181d31;--secondary-color: #b2a68b;--tertiary-color: #678983}html,body{margin:0;padding:0}body{background:var(--background-color);color:var(--primary-color);line-height:1.5;font-family:Arial,Helvetica,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{background:var(--tertiary-color);border:none;border-radius:4px;color:var(--background-color);font-weight:400;padding:10px 20px;-webkit-appearance:none}.board{align-items:center;display:flex;margin:0 auto;max-width:960px}.board:before,.before:after{content:"";margin:auto}