*, html {margin: 0; padding: 0;}
body {background-color: #494949; color: #000000; overflow-y: scroll; font-size: 23px; position: relative; margin: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; -webkit-text-size-adjust: 100%;}
table {border-spacing: 0px; background-color: transparent !important;}
td {padding-bottom: 3px;}
button {font-size: 23px; padding: 10px 30px; border-radius: 12px; color: #000000; background-color: #eeeee7;}
select {font-size: 23px; text-align-last: center; padding: 10px 30px; border-top-left-radius: 12px; border-top-right-radius: 12px; color: #000000; background-color: #eeeee7;}   
input[type=text], input[type=number], input[type=password] {font-size: 23px; padding: 10px 30px; border-radius: 15px;}
input[type=submit] {font-size: 23px; padding: 10px 30px; border-radius: 12px; color: #000000; background-color: #eeeee7;}
textarea {font-size: 23px; padding-left: 10px; padding-right: 10px; border-radius: 15px;}
.shadow {width: 966px; background-color: #fefde7; border-radius: 15px; margin: 0 auto; padding: 50px; margin-bottom: 25px;}
.footer {width: 966px; background-color: #494949; color: #ffffff; margin: 0 auto; font-size: 20px;}
.selection {width: 100%; padding-top: 22px; padding-bottom: 22px; position: -webkit-sticky; position: sticky; top: 0; z-index: 99; overflow: hidden; background-color: #303030;}
.timestamp {text-align: center;}  
#fourdgenerator, #totogenerator {font-size: 38px; font-weight: bold;}
#preloader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #494949; display: flex; justify-content: center; align-items: center; z-index: 9999;}
.spinner {width: 85px; height: 85px; border: 5px solid #ccc; border-top: 5px solid #edf268; border-radius: 50%; animation: spin 1s linear infinite;}
.spinner-journal, .spinner-status {margin: 0 auto; width: 30px; height: 30px; border: 5px solid #ccc; border-top: 5px solid #edf268; border-radius: 50%; animation: spin 1s linear infinite;}
@keyframes spin {to { transform: rotate(360deg);}}
.leyu {width: 195px; border-radius: 50%; border: 2pt solid #ff2b00; animation: fun 2s infinite;}
@keyframes fun {from {border: 2pt solid #ff2b00;} to {border: 2pt solid #000000;}}
@media screen and (max-width: 1111px) {
  body {font-size: 48px;}
  button {font-size: 48px;}
  select {font-size: 48px;}
  input[type=text], input[type=number], input[type=password] {font-size: 48px;}
  input[type=submit]  {font-size: 48px;}
  #fourdgenerator, #totogenerator {font-size: 63px; font-weight: bold;}
  textarea {font-size: 48px;}
  .footer {font-size: 43px; margin: 0 auto;}
  .shadow {padding: 50px; margin: 0 auto;}
  .leyu {width: 350px;}
  .spinner-journal, .spinner-status {width: 85px; height: 85px; border: 15px solid #ccc; border-top: 15px solid #edf268;}
}