:root{--background:#3e424b;--foreground:#dededb;--muted:#777;--border:#dededb;--page-padding:2rem}*{box-sizing:border-box}html,body{background:var(--background);color:var(--foreground);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.metar-input{text-align:center;flex-direction:column;align-items:center;margin:2rem;font-family:monospace;display:flex}.metar-input-header{margin-bottom:3rem;font-size:1rem}.metar-input-form input,.metar-input-form textarea{width:35rem;height:3rem;padding:10px,10px;text-align:center;background-color:#dededb;border:1px solid #dededb;border-radius:10px;margin-bottom:2rem;font-family:monospace;font-size:1rem}.submit-btn{color:#f0f8ff;background-color:#3e424b;border:1px solid #dededb;border-radius:10px;padding:.5rem;font-family:monospace}.submit-btn:hover{border:1.5px solid #dededb;font-weight:700}.metar-invalid{border-left:1px solid #dededb;border-right:1px solid #dededb;flex-direction:column;justify-content:center;align-items:center;max-width:50vb;max-height:5rem;margin:auto;padding:3rem;font-family:monospace;display:flex}.result{border-left:1px solid #dededb;border-right:1px solid #dededb;align-items:center;margin:5rem;font-family:monospace;font-size:1rem}.result-header{margin:3rem}.result-header-main{justify-content:space-between;padding:2rem;display:flex}.result-header-supp{justify-content:space-between;padding:2rem;line-height:2rem;display:flex}.result-metrics{text-align:center;grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem;padding:2rem;line-height:2rem;display:grid}.result-add{text-align:center;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem;padding:2rem;line-height:2rem;display:grid}.result-windshear{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-bottom:2rem;line-height:4rem;display:flex}.result-forecast{flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;padding-bottom:2rem;line-height:4rem;display:flex}.result-footer{text-align:center;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;margin-top:3rem;line-height:2rem;display:grid}.result-greentar{text-align:center;flex-direction:column;justify-content:center;padding:2rem;display:flex}.site-footer{padding:2rem var(--page-padding);border-top:1px solid var(--border);letter-spacing:.04em;justify-content:space-between;align-items:flex-end;margin:auto;font-family:monospace;font-size:.75rem;line-height:1.6rem;display:flex}.site-footer>div:last-child{text-align:right}@media (width<=700px){.site-footer{gap:2rem;margin:3rem 1rem 1rem}:root{--page-padding:1rem}.metar-input{margin:1rem}.metar-input-header{margin-bottom:2rem}.metar-input-form input,.metar-input-form textarea{width:100%;max-width:35rem;height:3rem}.result{margin:2rem 1rem;font-size:.9rem}.result-header{margin:1rem}.result-header-main,.result-header-supp{flex-direction:column;gap:1.5rem;padding:1rem}.result-metrics,.result-add{grid-template-rows:none;grid-template-columns:1fr;gap:2rem;margin-top:2rem;padding:1rem}.result-forecast{margin-top:1rem;padding:1rem;line-height:2rem}.result-footer{grid-template-rows:none;grid-template-columns:1fr;gap:2rem;margin-top:2rem;padding:1rem}.result-greentar{padding:1rem}}