@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,700|IBM+Plex+Sans:400,700|IBM+Plex+Serif:400,700);
html{height:100%}p{margin:0}textarea{font-family:"Open Sans", "Roboto", sans-serif;line-height:1.4;background:#eee;resize:none}h1{margin:20px 0 25px 0}pre{padding:10px;background-color:#eee}:not(pre)>code{font-family:monospace;background-color:#eee;padding:3px}blockquote{border-left:2px solid #ddd;margin-left:0;margin-right:0;padding-left:10px;color:#aaa;font-style:italic}a{color:#9d7ff2}blockquote::before{font-family:Arial;color:#9d7ff2;font-size:4em;position:absolute;left:10px;top:-10px}blockquote::after{content:""}blockquote span{color:#333333;font-style:normal;font-weight:bold;margin-top:1em}body{margin:0;padding: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}.spacer{flex-grow:1}.format-toolbar{display:flex;border-bottom:solid 1.7px rgba(199,198,255,0.15);padding:10px 0;margin:0 0 20px 0}.tooltip-icon-button{cursor:pointer;border:0}@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v41/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2")}.material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.menu{padding:8px 7px 6px;position:absolute;z-index:1;top:-10000px;left:-10000px;opacity:0;background-color:#222;border-radius:4px;transition:opacity 0.75s;transform:translateY(-70px)}.Dashboard{display:flex;height:15vh;align-items:center;justify-content:space-around;flex-direction:column}.img{display:block;max-width:100%;max-height:20em}.maskStyle{display:block;position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}.wrapperStyle{position:relative}.Toastify__toast--success{background:#020 !important;color:#0f0;font-family:"IBM Plex Mono" !important;font-weight:bold;min-width:30vw;font-size:18px;padding-left:20px !important}*{box-sizing:border-box}.notice-block.tip{background:#62ff86 !important;color:black !important}.notice-block.tip a{color:black !important}

.loading-gif{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.loading-gif.withBackground{background:rgba(255,255,255,0.5)}

.Header{display:flex;align-items:center;background:#00ff00;height:60px;color:#005a00;padding:0 20px;position:fixed;top:0;left:0;right:0;z-index:9999}.Header .dropdown{position:relative;height:50px;z-index:1000}.Header .dropdown .dashboard{line-height:50px}.Header .dropdown .links{display:none;background:#00ee00}.Header .dropdown .links a{margin:0;padding:5px 30px}.Header .dropdown .links a:hover{background:#00ff00}.Header .dropdown:hover .links{display:flex;flex-direction:column;position:absolute;top:100%;line-height:30px}.Header .Logo{margin-right:10px}.Header a{margin-left:20px;color:#005a00;color:#007700;text-decoration:none}.Header .hn-logo{display:flex;align-items:center;margin-left:0}.Header .new-post{background:#00bb00;color:#00ff00;padding:8px 15px;border-radius:10px;font-weight:900;font-size:12px;text-transform:uppercase}.Header .profile{width:36px;height:36px;border-radius:100%;background-size:cover}@media screen and (max-width: 480px){.Header{overflow-x:scroll}}

.top-nav.admin{display:none}.top-nav.admin .component-title{margin-top:70px;margin-bottom:-15px}.top-nav.admin .topsubnav{z-index:100;height:40px;display:flex;align-items:center;justify-content:center;position:sticky;top:44px}.top-nav.admin .topsubnav.bottom{margin-top:50px}.top-nav.admin .topsubnav .main-links{display:flex}.top-nav.admin .topsubnav a{font-family:"IBM Plex Mono", monospace;text-decoration:none;margin:0 15px;font-size:14px;font-weight:bold}.top-nav.admin .topsubnav a.sponsor{color:#0080ff}.top-nav.admin .topsubnav .dropdown{min-width:60vw;display:none;position:absolute;bottom:0;transform:translateY(100%);font-family:"IBM Plex Mono", monospace;text-decoration:none;font-weight:bold;padding:20px;z-index:100;justify-content:center;align-items:start}.top-nav.admin .topsubnav .dropdown.active{display:flex}.top-nav.admin .topsubnav .dropdown .section{display:none;margin:0 15px}.top-nav.admin .topsubnav .dropdown .section.active{display:flex;flex-direction:column}.top-nav.admin .topsubnav .dropdown .section.add.active{font-size:48px;border:3px solid #0f0;padding:10px 20px}.top-nav.admin .topsubnav .section .heading{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-right:25px;font-size:20px;position:relative}.top-nav.admin .topsubnav .section .heading a{font-size:20px;margin:0}.top-nav.admin .topsubnav .section .links{white-space:nowrap;display:flex;flex-direction:column;border-left:2px solid gray;justify-content:start;padding-left:0px}.top-nav.admin .topsubnav .heading{display:flex;margin-right:auto}.top-nav.admin .topsubnav .line{width:8px;margin-top:0.5rem;border-top:2px solid gray;visibility:hidden}.top-nav.admin .topsubnav .section li{display:flex;padding:8px 0;list-style:none;color:white}.top-nav.admin .topsubnav .section ul :hover{transition:all 500ms ease}.top-nav.admin .topsubnav .section ul :hover .line{visibility:visible}.top-nav.admin .topsubnav .modal-container{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width: 720px){.top-nav.admin{display:block}}

.confirm-container{font-family:"IBM Plex Mono";position:fixed;top:0;left:0;bottom:0;right:0;transform:translateX(100%);display:none;justify-content:center;align-items:center;z-index:99999}.confirm-container.visible{transform:translateX(0);display:flex}.confirm-container.visible .screen{display:block}.confirm-container .screen{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.8);display:none;transition:opacity 150ms ease-in-out;z-index:99}.confirm-container .modal{text-align:center;padding:40px;width:40vw;background:#fff;z-index:100;border-radius:10px}@media screen and (max-width: 1200px){.confirm-container .modal{font-size:12px}}.confirm-container .modal h2{margin:0 0 30px 0;font-size:22px}.confirm-container .actions{display:flex;justify-content:center}.confirm-container .actions button{border:none;background-color:green;color:white;padding:10px 20px;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;margin-top:10px;margin-right:10px;transition:all 0.3s ease-in-out}.confirm-container .actions button :hover{background-color:#77dd77}.confirm-container .actions button:focus{outline:none}.confirm-container .actions button.negative{background-color:#e5e7eb;color:black}.confirm-container .actions button.negative :hover{background-color:#d1d5db}

.App *:focus{outline:none}.App .spin{transform-origin:center center;animation-name:spin;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.App #payment-form button{background:#09a000}.App #payment-form button #button-text{font-size:18px}.App h1{font-family:"Roboto Mono", monospace}.App .spacer{flex-grow:1}.App main{background:white}.App .subnav{background:#00dd00;background:#003b00;height:40px;display:flex;align-items:center;position:fixed;top:60px;left:0;right:0;z-index:1}.App .subnav .story-link{text-decoration:none}.App .subnav button{margin:0 10px;padding:0 15px;background:transparent;color:#007700;color:#0f0;font-weight:900;font-size:12px;text-transform:uppercase;height:40px;border:none;cursor:pointer;transition:all 150ms ease-in-out;display:flex;align-items:center}.App .subnav button i{margin-left:8px;font-size:18px}.App .subnav button.active,.App .subnav button:hover,.App .subnav a.active,.App .subnav a:hover{background:#005500;color:#00ff00}.App .pixelated-form{display:flex;flex-direction:column}.App .pixelated-form section{margin-bottom:1rem}.App .pixelated-form section:not(.active){display:none}.App .pixelated-form label small{color:darkred}.App .pixelated-form input[type="submit"],.App .pixelated-form .pixelated-button{font-size:1.2em}.App .pixelated-input,.App .pixelated-form input:not([type="submit"]),.App .pixelated-form select,.App .pixelated-form textarea{border:2px solid #212428;border-radius:0;box-shadow:#c2cad6 0.2em 0.2em inset;padding:0.5rem 1rem;margin:0;background-color:white;font-family:inherit}.App .pixelated-input:focus,.App .pixelated-form input:not([type="submit"]):focus,.App .pixelated-form select:focus,.App .pixelated-form textarea:focus{border-color:#0b0}.App .pixelated-form input[type="submit"],.App .pixelated-button{border:2px solid #212428;box-shadow:#c2cad6 0.2em 0.2em;padding:4px 8px;background-color:white;cursor:pointer;color:#212428;text-decoration:none}.App .pixelated-form input[type="submit"] img,.App .pixelated-button img{height:20px;width:auto;image-rendering:pixelated;margin-right:4px}.App .pixelated-form input[type="submit"]:hover,.App .pixelated-button:hover{background-color:#f6f7f9}.App .pixelated-form input[type="submit"]:focus,.App .pixelated-button:focus{border-color:#0b0}.App .pixelated-form input[type="submit"]:active,.App .pixelated-button:active{box-shadow:#c2cad6 0.1em 0.1em;transform:translate(0.1em, 0.1em)}.App .pixelated-form input[type="submit"][disabled],.App .pixelated-button[disabled]{opacity:0.5;pointer-events:none}.App .flex-box{display:flex;justify-content:space-between;align-items:center;gap:1rem}.App .flex-box.vertical{flex-direction:column}.App .flex-box.vertical.align-left{align-items:flex-start}.App .flex-box.vertical.align-right{align-items:flex-end}.App .flex-box:not(.vertical).align-left{justify-content:flex-start}.App .flex-box:not(.vertical).align-right{justify-content:flex-end}.App .flex-box.stretch{justify-content:stretch;align-items:stretch}.App .flex-box.stretch>*{flex-grow:1}.App .flex-box.nogap{gap:0}

.Toastify__toast-container{z-index:9999;position:fixed;padding:4px;width:320px;box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:120px;left:50%;margin-left:-160px}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;margin-left:-160px}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:1px;box-shadow:0 1px 10px 0 rgba(0,0,0,0.1),0 2px 15px 0 rgba(0,0,0,0.05);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:800px;overflow:hidden;font-family:sans-serif;cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--default{background:#fff;color:#aaa}.Toastify__toast--info{background:#3498db}.Toastify__toast--success{background:#07bc0c}.Toastify__toast--warning{background:#f1c40f}.Toastify__toast--error{background:#e74c3c}.Toastify__toast-body{margin:auto 0;-ms-flex:1;flex:1}@media only screen and (max-width: 480px){.Toastify__toast{margin-bottom:0}}.Toastify__close-button{color:#fff;font-weight:bold;font-size:14px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:0.7;transition:0.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--default{color:#000;opacity:0.3}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:9999;opacity:0.7;background-color:rgba(255,255,255,0.7);transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__progress-bar--default{background:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55)}@keyframes Toastify__bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0)}to{opacity:0;transform:translate3d(2000px, 0, 0)}}@keyframes Toastify__bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0)}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}@keyframes Toastify__bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}@keyframes Toastify__bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{from{transform:translate3d(110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInLeft{from{transform:translate3d(-110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInUp{from{transform:translate3d(0, 110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInDown{from{transform:translate3d(0, -110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(110%, 0, 0)}}@keyframes Toastify__slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-110%, 0, 0)}}@keyframes Toastify__slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 500px, 0)}}@keyframes Toastify__slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -500px, 0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}


/*# sourceMappingURL=main.css.map*/