:root {
  --yellow: #f6e767;
  --white: #f6f7f8;
  --black: #2c2e31;
}

/* -- Cascade Style Sheets -- */
html {overflow-y: scroll; width: 100%; height: 100% !important; padding: 0; margin: 0; border: 0 none;}
body {width: 100%; height: 100% !important; min-height: 100%; background: transparent; font-family: "Arial", sans-serif !important; font-size: 15px !important; font-weight: normal; color: #212121; letter-spacing: normal; line-height: normal; backface-visibility: hidden; box-sizing: border-box; padding: 0; margin: 0; border: 0 none;}
h1, h2, h3, h4, h5, h6 {font-family: "Arial", sans-serif; font-weight: normal;}
h1 {font-size: 27px; line-height: 29px;}
h2 {font-size: 25px;}
h3 {font-size: 23px;}
h4 {font-size: 21px;}
h5 {font-size: 19px;}
h6 {font-size: 17px;}

p {margin: 2rem 0 0;}

#button {background: var(--yellow); color: var(--black); padding: 1rem 2rem; font-weight: 300; text-transform: uppercase; border: none; border-radius: 4px; transition: 0.1s ease transform; cursor: pointer;}
#button:active {transform: translatey(3px);}
.trackinfo {padding: 12px; font-size: 16px; color: #AA2422;}
.statinfo {padding-left: 12px; border-left: 2px solid #303337; line-height: 24px; font-size: 18px; color: #006600;}
#punchline {font-weight: 600; font-size: 1.5rem;}

#error {color: #ff4d51;}