@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600&family=Libre+Franklin:wght@300;400;500;600&family=Roboto+Slab:wght@300;400;600&display=swap";.app{height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#eee}.app h1{margin:10px 30px}.app h2,.app h3{margin:5px 30px}.app p{margin-left:30px;max-width:900px}.app .sections{height:100vh;width:100vw;position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory}.app .sections>*{scroll-snap-align:start}.hexBin{height:100vh;display:flex;align-items:center}.hexBin .hexWrapper{display:flex;margin:15px;height:calc(100vh - 30px);width:calc(100vw - 30px);align-items:center;border-radius:15px;background-color:#1e1e1e;position:relative}.hexBin .hexWrapper .leftWrapper{max-width:35vw;height:calc(100% - 20px);margin:20px 0 0}.hexBin .hexWrapper .leftWrapper h1{margin-top:0;margin-bottom:50px}.hexBin .hexWrapper .leftWrapper p{margin-bottom:50px;font-size:18px;line-height:1.5em}.hexBin .hexWrapper .leftWrapper .about{background-color:#272727;border-radius:15px;margin-left:30px}.hexBin .hexWrapper .leftWrapper .about h2{margin:20px auto 5px 20px;font-family:"Exo 2",sans-serif;font-size:26px;font-weight:500}.hexBin .hexWrapper .leftWrapper .about hr{margin:0 20px 15px}.hexBin .hexWrapper .leftWrapper .about h3{margin-left:20px;font-family:"Exo 2",sans-serif;font-size:22px;font-weight:800;color:#8390fa}.hexBin .hexWrapper .leftWrapper .about p{font-family:Libre Franklin,sans-serif;font-size:18px;line-height:1.5em;margin:10px auto 20px 20px}.hexBin .hexWrapper .svgWrapper{height:calc(100vh - 50px);width:calc(100vh - 50px);margin:10px 50px 10px auto;position:relative;display:flex;align-items:center;justify-content:center;z-index:3}.hexBin .hexWrapper .svgWrapper .hexbin:hover .hex{opacity:.3}.hexBin .hexWrapper .svgWrapper .hex:hover{opacity:1!important;stroke-width:2px!important}.hexBin .hexWrapper .svgWrapper .hexbin .hex{stroke:#1e1e1e;stroke-width:1px}.hexBin .hexWrapper .svgWrapper .hexbin .hex.lightStroke{stroke:#eee}.hexBin .hexWrapper .svgWrapper .planet#earth{stroke:#4db2f8}.hexBin .hexWrapper .svgWrapper .planet#jupiter{stroke:#f2a57f}.hexBin .hexWrapper .svgWrapper .planet#saturn{stroke:#f9f785}.hexBin .hexWrapper .svgWrapper text{font-size:20px;font-weight:500;text-transform:capitalize}.hexBin .hexWrapper .svgWrapper text#earth{fill:#4db2f8}.hexBin .hexWrapper .svgWrapper text#jupiter{fill:#f2a57f}.hexBin .hexWrapper .svgWrapper text#saturn{fill:#f9f785}.hexBin .hexWrapper #tooltip{position:fixed;background-color:#333333e6;border-radius:10px;transition:display .3s ease;pointer-events:none}.hexBin .hexWrapper #tooltip h1{font-family:"Exo 2",sans-serif;font-size:20px;margin:10px 15px}.hexBin .hexWrapper #tooltip p{font-family:Libre Franklin,sans-serif;font-size:16px;margin:0 auto 15px 15px}.hexBin .hexWrapper #tooltip.hidden{display:none}.intro{height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.intro .introWrapper{padding:30px;width:80vw;max-width:800px;background-color:#232323;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.intro .introWrapper h1{margin:0 0 20px;font-size:60px;text-align:center}.intro .introWrapper h2{font-family:"Exo 2",sans-serif}.intro .introWrapper h2 em{font-weight:800;color:#8390fa}.intro .introWrapper h3{font-family:Libre Franklin,sans-serif}.intro .introWrapper hr{margin:10px 0 30px;width:calc(100% - 200px)}.intro .introWrapper a{margin:10px 0 15px}.intro .introWrapper .bodyText p{margin-bottom:25px;font-size:18px;line-height:1.7em}.intro .introWrapper .bodyText :last-child{margin-bottom:0}.intro .arrow{position:absolute;width:100vw;bottom:15px;display:flex;justify-content:center;align-items:center}.intro .arrow .arrowIcon{color:#8390fa;font-size:50px;margin-bottom:0;animation:arrowBlink 2s infinite}@keyframes arrowBlink{50%{margin-bottom:20px}to{margin-bottom:0}}.intro .links{position:absolute;top:20px;right:20px;display:flex;justify-content:center;align-items:center}.intro .links .button{margin:0 0 0 1em;padding:.5em 1em;font-size:1em;color:#eee;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.1em;transition:all .3s ease;border-radius:9px;border:2px solid #8390FA;background-color:transparent;cursor:pointer;scale:1}.intro .links .button.exit{display:none}.intro .links .button:hover{color:#8390fa;text-decoration-color:#8390fa;background-color:#8390fa1a}.violinPlot{height:100vh}.violinPlot .violinWrapper{margin:30px auto;height:calc(100vh - 60px);width:auto;max-width:900px;display:flex;flex-direction:column;justify-content:space-between}.violinPlot .violinWrapper h1{margin-left:0;margin-bottom:.5em;font-size:45px}.violinPlot .violinWrapper p{margin-left:0;line-height:1.8em}#violinPlot{background-color:#2c2c2c;border-radius:10px}#violinPlot text{font-family:"Exo 2",sans-serif;fill:#eee;stroke:none;font-size:14px}#violinPlot .band{stroke:#eee;fill:#8390fa;fill-opacity:.8}#violinPlot .sun circle{fill:#f9f785;stroke:#eee}#violinPlot .sun text{font-size:16px}#violinPlot .earth line{stroke:#4db2f8;stroke-width:3px;stroke-linecap:round}#violinPlot .earth text{font-size:16px}#violinPlot .mars line{stroke:#e05b49;stroke-width:3px;stroke-linecap:round}#violinPlot .mars text{font-size:16px}#violinPlot .jupiter line{stroke:#f2a57f;stroke-width:3px;stroke-linecap:round}#violinPlot .jupiter text{font-size:16px}#violinPlot .land{fill:#383838}.dashboard{height:100vh;width:100vw}.dashboard .dashboardWrapper{display:flex;flex-direction:column;width:calc(90vw - 30px);max-width:1200px;height:calc(100vh - 30px);margin:15px auto;align-items:center;border-radius:15px;background-color:#1e1e1e}.dashboard .dashboardWrapper .topbar{width:calc(100% - 50px);height:70px;display:flex;justify-content:space-between;align-items:center;margin:20px 25px}.dashboard .dashboardWrapper .topbar h1{margin:0;padding:0}.dashboard .dashboardWrapper .topbar .toggles{display:flex}.dashboard .dashboardWrapper .topbar .toggles span{font-size:18px;margin-right:1.5em;font-family:"Exo 2",sans-serif;cursor:pointer}.dashboard .dashboardWrapper .topbar .toggles :last-child{margin:0}.dashboard .dashboardWrapper .top{width:calc(100% - 40px);height:calc(100% - 30px);margin:0 20px 10px;background-color:#2c2c2c;border-radius:10px;overflow:hidden}.dashboard .dashboardWrapper .top .distancePlot{max-height:100%;max-width:100%;margin:0 auto}.dashboard .dashboardWrapper .top .distancePlot .line{stroke:#eee;stroke-width:2px;fill:#8390fa;fill-opacity:.8}.dashboard .dashboardWrapper .bottom{width:calc(100% - 40px);height:calc(100% - 30px);margin:10px 20px 20px;display:flex}.dashboard .dashboardWrapper .bottom .left{width:calc(50% - 10px);margin:0 10px 0 0;background-color:#2c2c2c;border-radius:10px;overflow:hidden}.dashboard .dashboardWrapper .bottom .left .diameterPlot{max-height:100%;max-width:100%}.dashboard .dashboardWrapper .bottom .left .diameterPlot .line{stroke:#eee;stroke-width:2px;fill:#4db2f8;fill-opacity:.8}.dashboard .dashboardWrapper .bottom .right{width:calc(50% - 10px);margin:0 0 0 10px;background-color:#2c2c2c;border-radius:10px;overflow:hidden}.dashboard .dashboardWrapper .bottom .right .ePlot{max-height:100%;max-width:100%}.dashboard .dashboardWrapper .bottom .right .ePlot .eDot{fill:#8390fa;fill-opacity:.8}text{font-family:"Exo 2",sans-serif;fill:#eee}.axis path{stroke-width:2px}.axis .au.label{fill:#eee}.pink{fill:#ff70d3;color:#ff70d3}.orange{fill:#f2a57f;color:#f2a57f}.yellow{fill:#f9f785;color:#f9f785}.purple{fill:#8390fa;color:#8390fa}.default{fill:#4db2f8;color:#4db2f8}.toggle{display:flex;align-items:center}.toggle .icon{margin-right:12px}.graphicContainer{height:calc(100% - 40px);margin:20px;background-color:#1e1e1e;border-radius:16px;display:flex;position:relative}.graphicContainer .scrollWrapper{z-index:2;width:100%}.graphicContainer .scrollWrapper .scroller{margin:0 auto;border-radius:10px;max-width:800px}.graphicContainer .scrollWrapper .scroller .step{background-color:#2f2f2f;margin:40vh 0;padding:10px;border-radius:10px;opacity:.5;transition:all .6s ease}.graphicContainer .scrollWrapper .scroller .step p{line-height:1.8em}.graphicContainer .scrollWrapper .scroller .step.active{background-color:#383838e6;opacity:1}.graphicContainer .scrollWrapper .scroller .step:first-child{margin-top:70vh}.graphicContainer .scrollWrapper .scroller .step:last-child{margin-bottom:70vh}.graphicContainer .graphic{z-index:1;border-radius:30px;background-color:#272727;position:absolute;display:flex;justify-content:center;align-items:center;top:10%;height:80%;left:10%;width:80%}.graphicContainer .graphic .figure{max-width:100%;max-height:100%}.graphicContainer .graphic .orbit,.graphicContainer .graphic .comet{stroke-linecap:round;stroke-linejoin:round}.graphicContainer .title{position:absolute;top:10px;left:10px}.sun{fill:#f9f785}.earth{stroke:#4db2f8}.mars{stroke:#e05b49}.jupiter{stroke:#f2a57f}.saturn{stroke:#f9f785}.uranus{stroke:#4db2f8cc}.neptune{stroke:#4db2f8}.comet{stroke:#90faff}*{margin:0;padding:0;overflow-x:hidden;scrollbar-width:none}*::-webkit-scrollbar{display:none}html,body{background-color:#121212;color:#eee}html h1,body h1{font-family:"Exo 2",sans-serif;font-weight:600}html h2,html h3,html h4,html h5,html h6,body h2,body h3,body h4,body h5,body h6{font-family:Roboto Slab,serif;font-weight:400}html p,html a,body p,body a{font-family:Libre Franklin,sans-serif;font-weight:400}html a,body a{color:#8390fa}