@import url(https://fonts.googleapis.com/css2?family=Contrail+One&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"Hermeus";src:url(/speed-viz/static/media/hermeus.ab69fb8f.woff2) format("woff2")}:root{--yellow:#fdd931;--yellow-faded:rgba(253,217,49,0.5);--grid-line-width:1px;--grid-size:40px;--box-width:40px;--max-display-width:2880;--min-display-width:320;--diff-display-width:calc(var(--max-display-width) - var(--min-display-width));--font-small:calc(17px + 20*(100vw - 320px)/var(--diff-display-width));--font-medium:calc(30px + 50*(100vw - 320px)/var(--diff-display-width));--font-large:calc(40px + 30*(100vw - 320px)/var(--diff-display-width));--circle-size:var(--font-medium);--ring-width:4px;--ring-adjust:2px;--ring-size:calc(var(--ring-adjust) + var(--circle-size) - 2*var(--ring-width))}body{font-family:"Hermeus","Contrail One",sans-serif;background-size:40px 40px;background-size:var(--grid-size) var(--grid-size);background-image:linear-gradient(90deg,rgba(253,217,49,.5) 1px,transparent 0),linear-gradient(180deg,rgba(253,217,49,.5) 1px,transparent 0);background-image:linear-gradient(90deg,var(--yellow-faded) var(--grid-line-width),transparent var(--grid-line-width)),linear-gradient(180deg,var(--yellow-faded) var(--grid-line-width),transparent var(--grid-line-width))}h1{font-size:calc(40px + 30*(100vw - 320px)/2560);font-size:var(--font-large);text-align:center}.App{height:80vh;align-items:center}.Animation,.App{display:flex;flex-direction:column}.Animation{min-width:60%}@media (max-width:1024px){.Animation{min-width:95%}}.row{display:flex;flex-direction:row;justify-content:left;align-items:center;margin-top:5px;margin-bottom:5px}.center{justify-content:center}.sansSerif{font-family:sans-serif}.animationBox{flex-grow:1;display:flex;justify-content:space-between}.planeName,.tripCounter{font-size:calc(17px + 20*(100vw - 320px)/2560);font-size:var(--font-small)}.tripCounter{white-space:nowrap}.yellowBox{background-color:#fdd931;background-color:var(--yellow)}.box,.yellowBox{height:100%;width:1vw}.cityLabel{height:100%;font-size:calc(30px + 50*(100vw - 320px)/2560);font-size:var(--font-medium)}.circle{background-color:#3f3f3f;margin:1px;margin:calc(var(--ring-adjust)/2);width:calc(30px + 50*(100vw - 320px)/2560);width:var(--circle-size);height:calc(30px + 50*(100vw - 320px)/2560);height:var(--circle-size);border-radius:50%;z-index:1}.ring{width:calc(24px + 50*(100vw - 320px)/2560);width:var(--ring-size);height:calc(24px + 50*(100vw - 320px)/2560);height:var(--ring-size);border-radius:50%;border-color:#fdd931;border-width:4px;border:var(--ring-width) solid var(--yellow);z-index:0}.button{background-color:#fdd931;background-color:var(--yellow);font-family:inherit;font-size:40px;border-radius:5px;border:2px solid #fdd931;border-color:var(--yellow);outline:none}.button:focus,.button:hover{border-color:#000}
/*# sourceMappingURL=main.4f7f5a92.chunk.css.map */