7,9c7,9
<  td { font-size: 40px; width: 11%; height: 9%; text-align: center; vertical-align: middle; }
<  select { -webkit-appearance: none; font-size: 36px; padding: 1 1 1 1; border: 1px solid transparent; background-image: conic-gradient(pink, hotpink, lightpink); }
<  #smode { background-image: conic-gradient(yellow, lightyellow, orange); padding: 3 3 3 3; border-radius: 40px;  font-size: 24px;  }
---
>  td { font-size: 24px; width: 11%; height: 9%; text-align: center; vertical-align: middle; }
>  select { -webkit-appearance: none; font-size: 24px; padding: 1 1 1 1; border: 1px solid transparent; background-image: conic-gradient(pink, hotpink, lightpink); }
>  #smode { background-image: conic-gradient(yellow, lightyellow, orange); padding: 3 3 3 3; border-radius: 40px; }
13c13
<  button {  -webkit-appearance: none; border-radius: 10px; font-size: 24px;  }
---
>  button {  -webkit-appearance: none; border-radius: 10px;  }
15,27d14
<  h3 { margin-top: -15px; }
<  @media only screen and (min-device-width: 320px) and (max-device-width: 765px) and (orientation: portrait) {
<     td { font-size: 74px !important; }
<     select { -webkit-appearance: none;  font-size: 68px !important; }
<     button { font-size: 36px; }
<     h1 { font-size: 74px; }
<  }
<  @media only screen and (min-device-width: 320px) and (max-device-width: 765px) and (orientation: landscape) {
<     td { font-size: 46px !important; }
<     select { -webkit-appearance: none;  font-size: 40px !important; }
<     button { font-size: 36px; }
<     h1 { font-size: 74px; }
<  }