#timetravel-container{border-bottom:none}article{max-width:50vw;margin-left:auto;margin-right:auto}article>h2{text-align:center}@media screen and (max-width:1024px){article{max-width:100%}}#solarSystem header h2{margin-bottom:0;text-align:center}#solarSystemChart{font-size:1rem;width:100%;height:auto;max-width:500px;max-height:500px;aspect-ratio:1 / 1;margin-left:auto;margin-right:auto;border:1px solid white;border-radius:50%;position:relative}#sun,#mercury,#venus,#us,#mars,#jupiter,#saturn,#uranus,#neptune{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-bottom:0;cursor:default;font-family:system-ui,sans-serif}.orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.02);border-radius:50%;pointer-events:none}#sun{font-size:3rem}#moon{font-size:.6rem;position:absolute;top:6px;left:6px;cursor:default}@media screen and (max-width:1024px){#sun{font-size:2rem}}#localDate>header{cursor:pointer}#localDate .toggle-indicator{float:right;opacity:.5}#localDate .month-view table{margin-left:auto;margin-right:auto}#localDate .month-view th,#localDate .month-view td{width:calc(100% / 7);text-align:center;padding:.25rem}#localDate .year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}#localDate .year-grid h3{text-align:center;font-size:.85rem;margin-bottom:.25rem}#localDate .year-view table{margin:0;width:100%}#localDate .year-view th,#localDate .year-view td{width:calc(100% / 7);text-align:center;padding:.1rem;font-size:.75rem}#localDate .year-view th{font-size:.65rem;opacity:.6}#localDate mark{border-radius:.25rem;padding:.1rem .35rem}#localDate .year-view mark{padding:.05rem .2rem}@media screen and (max-width:1024px){#localDate .year-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){#localDate .year-grid{grid-template-columns:1fr}}#greyLine header h2{margin-bottom:0;text-align:center}#greyLineChart{width:100%;max-width:500px;max-height:500px;aspect-ratio:1 / 1;margin:0 auto;position:relative;border-radius:50%;overflow:hidden}.grey-line-earth{font-size:500px;line-height:1;display:block;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.grey-line-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}