#root{margin:0 auto;padding:2rem;text-align:center}.card{padding:2em;max-width:800px;margin:-32px auto 0}.splash-button{color:#fff;margin-top:16px}.splash{display:flex;flex-direction:column;justify-content:center;height:100%}@media only screen and (min-device-width: 320px) and (max-device-width: 812px){#root{width:100%;padding:16px}.splash{height:90%}.splash-title{font-size:1em}.card{font-size:1em;width:80%;padding:16px;margin:16px auto 0}}.container{width:100%;display:flex}.mobile-sidebar-display{display:none}@media only screen and (min-device-width: 320px) and (max-device-width: 812px){.container{flex-direction:column;justify-content:center;height:100%}.desktop-sidebar-display{display:none}.mobile-sidebar-display{display:block}}.sidebar{font-weight:400;color:#086414;padding:0 16px;margin-right:16px;text-align:left;width:200px}.body{background-color:#1a1a1a;border-radius:8px;color:#fff;font-weight:300;padding:16px 32px;text-align:left;width:800px;height:90vh;overflow-y:scroll}.image-container{max-width:90%;background-size:contain;background-repeat:no-repeat;margin:0 auto}.video-container{max-width:80%}.content-section{text-align:center}@media only screen and (min-device-width: 320px) and (max-device-width: 812px){.body{width:100%;height:75vh;overflow-y:scroll;font-size:.8em;margin:0}.mobile-button{color:#fff;background-color:#ffffff1a;cursor:pointer;transition:border-color .25s}.active-mobile-button{border-color:#068349;background-color:#fffc;color:#068349}}.mobile-sidebar{box-sizing:border-box;display:flex;width:60%;justify-content:space-around;margin:16px auto 64px}:root{font-family:Roboto Mono,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#aef3b7;color-scheme:light dark;color:#ffffffde;background-image:linear-gradient(to bottom right,#82dd8e,#095746);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}a{font-weight:500;color:#068349;text-decoration:inherit}a:hover{color:#fff}body{margin:0;display:flex;place-items:center;min-height:100vh;overflow:hidden;box-sizing:border-box}*{box-sizing:inherit}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}.button-active,button:hover{border-color:#068349;background-color:#fffc;color:#068349}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.fadeIn{animation:.5s fadeIn forwards}.fadeOut{animation:.5s fadeOut forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{transform:translate(-20px);opacity:0}}@media only screen and (min-device-width: 320px) and (max-device-width: 812px){button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;color:#fff;transition:border-color .25s;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}}