*{padding:0;margin:0}body{background-color:#0e0e0e;font-family:Arial,sans-serif;padding:2em}.circle{width:3rem;height:3rem;background-color:#333;border-radius:50%;margin-right:.5rem;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:700;color:#fff}.circleSmall{width:3rem;height:3rem;background-color:#333;border-radius:50%;margin-right:.5rem;display:flex;align-items:center;justify-content:center;font-size:1em;font-weight:700;color:#fff}.line-title{font-size:2em;color:#fff}#time{font-size:4em;color:#ffefd2;margin-bottom:1rem}button{border:none;padding:.5em 1em;margin-right:.5rem;color:#ffefd2;text-align:center;text-decoration:none;display:inline-block;background-color:#474747;cursor:pointer}.key-error{color:#dc8c8c;font-family:monospace;font-weight:700;margin-top:1em;font-size:2em}.flexbox-nomargin{display:flex;align-items:center}.flexbox{display:flex;align-items:center;margin-bottom:1em}.title{color:#fff;font-size:2em;margin-right:1rem}#stop-input{background-color:unset;color:#9c9c9c;font-size:2em;width:5ch;padding:0 .25rem;margin-right:1rem;border:unset;border-bottom:.25rem solid white}#all-arrivals{display:flex;flex-wrap:wrap;min-height:23rem}.line-container{margin-right:1em}.imminent{color:#ffefd2}.arrival-container{display:flex;color:#fff;background-color:#1e1e1e;margin:1em 0;padding:1em;flex-direction:column}.arrival-info-container{display:flex;align-items:center}.arrival-id{color:#ababab}.arrival-in{font-weight:700;font-size:3em;width:5em}.arrival-at{padding-left:1em;font-size:1.5em;color:#bfbfbf}#api-key-form{margin-bottom:1em}#api-key-input{border:inherit;background-color:transparent;color:#fff}.hidden{display:none}