@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap);:root{--primary:#fff;--secondary:#000;--secondary-light:grey;--tertiary:#d3d3d3;--red:#c80000;--blue:#3232c8;--shadow:rgba(0,0,0,.2);--modal:rgba(0,0,0,.4)}@media (prefers-color-scheme:light){:root{--primary:#fff;--secondary:#000;--secondary-light:grey;--tertiary:#f0f0f0;--shadow:rgba(0,0,0,.2);--modal:rgba(0,0,0,.2)}}@media (prefers-color-scheme:dark){:root{--primary:#0f0f0f;--secondary:#fff;--secondary-light:grey;--tertiary:#191919;--shadow:rgba(0,0,0,.7);--modal:rgba(0,0,0,.9)}}::selection{background-color:#000;background-color:var(--secondary);color:#fff;color:var(--primary)}::-moz-selection{background-color:#000;background-color:var(--secondary);color:#fff;color:var(--primary)}::-webkit-selection{background-color:#000;background-color:var(--secondary);color:#fff;color:var(--primary)}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes error-flash-light{0%{color:grey;color:var(--secondary-light)}50%{color:#c80000;color:var(--red)}to{color:grey;color:var(--secondary-light)}}@keyframes error-flash-light{0%{color:grey;color:var(--secondary-light)}50%{color:#c80000;color:var(--red)}to{color:grey;color:var(--secondary-light)}}@-webkit-keyframes error-flash{0%{color:#000;color:var(--secondary)}50%{color:#c80000;color:var(--red)}to{color:#000;color:var(--secondary)}}@keyframes error-flash{0%{color:#000;color:var(--secondary)}50%{color:#c80000;color:var(--red)}to{color:#000;color:var(--secondary)}}body,html{-ms-overflow-style:none;background-color:#fff;background-color:var(--primary);color:#000;color:var(--secondary);font-family:IBM Plex Mono,monospace;height:auto;margin:0;min-height:100vh;padding:0;scrollbar-width:none;width:100vw}body::-webkit-scrollbar{display:none}#root,.app{height:auto;min-height:100vh}.app{margin:0}header{align-items:baseline;display:flex;justify-content:space-between;padding-bottom:16px;position:fixed;width:100vw;z-index:100}h1{font-size:4rem;margin:0;text-align:center}h2{font-size:1.5rem}a{text-decoration:none}input{outline:none}button,input{border:none;font-family:IBM Plex Mono,monospace}button{background-color:initial;cursor:pointer}#page404{color:grey;color:var(--secondary-light)}#nav{border-radius:0 .5rem .5rem .5rem;margin:32px 0 0 32px;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#navlist{list-style:none;margin:0;padding:.5rem .5rem 0}.navlistitem{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-name:fade-in;animation-name:fade-in;padding-bottom:.5rem}.navlistitem>a{color:grey;color:var(--secondary-light)}.navlistitem>a:hover{color:#000;color:var(--secondary);font-weight:700}.navlistitemactive{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-name:fade-in;animation-name:fade-in;padding-bottom:.5rem}.navlistitemactive>a,.navlistitemactive>a:hover{color:#000;color:var(--secondary)}.navlistitemactive>a:hover{font-weight:700}#accountbutton,#navbutton{color:grey;color:var(--secondary-light);font-size:2rem;font-weight:lighter;padding:0}#accountbutton:hover,#navbutton:hover{color:#000;color:var(--secondary);font-weight:700}#accountbutton{margin:32px 32px 0 0}#accountbutton>a{color:grey;color:var(--secondary-light)}#accountbuttonactive{font-size:2rem;font-weight:lighter;margin:32px 32px 0 0;padding:0}#accountbuttonactive,#accountbuttonactive:hover,#accountbuttonactive>a{color:#000;color:var(--secondary)}#accountbuttonactive:hover{font-weight:700}.page{min-height:100vh}.page,.page>div{align-items:center;display:flex;height:auto;justify-content:center}.page>div{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fade-in;animation-name:fade-in;flex-direction:column;margin:96px 0;max-width:75vw;min-height:calc(100vh - 192px)}#titlebar{display:flex;flex-direction:row;transition:.5s}#inputbox{background-color:#fff;background-color:var(--primary);color:#000;color:var(--secondary);font-size:4rem;font-weight:bolder;margin-left:2.3rem;max-width:50vw;min-width:.1rem;padding:0;text-transform:uppercase}#loading{margin:0;padding:0;white-space:pre}#optionbar{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fade-in;animation-name:fade-in;display:flex;height:0;justify-content:center;overflow:visible;transition:.5s}.optionbutton{align-self:center;color:grey;color:var(--secondary-light);font-size:1.5rem;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 2rem;padding:0}.optionbutton:hover{border:none;border-bottom:2px solid}.optionbutton:hover,.optionbuttonactive{color:#000;color:var(--secondary)}#steplist{-ms-overflow-style:none;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fade-in;animation-name:fade-in;background:linear-gradient(#d3d3d3 33%,rgba(28,28,28,0)),linear-gradient(rgba(28,28,28,0),#d3d3d3 66%) 0 100%,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.2),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.2),transparent) 0 100%;background:linear-gradient(var(--tertiary) 33%,rgba(28,28,28,0)),linear-gradient(rgba(28,28,28,0),var(--tertiary) 66%) 0 100%,radial-gradient(farthest-side at 50% 0,var(--shadow),transparent),radial-gradient(farthest-side at 50% 100%,var(--shadow),transparent) 0 100%;background-attachment:local,local,scroll,scroll;background-color:#d3d3d3;background-color:var(--tertiary);background-repeat:no-repeat;background-size:100% 3rem,100% 3rem,100% 1rem,100% 1rem;border-radius:8px;box-shadow:0 8px 16pxvar(--shadow);scrollbar-width:none;transition:2s;width:65vw}#steplist::-webkit-scrollbar{display:none}#steplist>ol{list-style:none;margin:0;padding:16px 32px}#steplist>ol>li{color:#000;color:var(--secondary);padding:16px 0}#steplist>ol>li>h2{margin:0 0 1rem}#steplist>ol>li>p{font-family:IBM Plex Mono,monospace;font-size:1rem;margin:0 0 1rem;padding-left:1rem}.stepresources{padding-left:1rem}.stepresources>a{border-bottom:1px solid grey;border-bottom:1px solid var(--secondary-light);color:grey;color:var(--secondary-light);font-size:.85rem;margin:0 1rem 0 0}.stepresources>a:hover{border-bottom:1px solid #000;border-bottom:1px solid var(--secondary);color:#000;color:var(--secondary)}#explore{align-items:flex-start;justify-content:flex-start}#explorebar{align-items:center;border-bottom:1px solid #d3d3d3;border-bottom:1px solid var(--tertiary);display:flex;justify-content:space-between;max-width:80vw;overflow:hidden;width:100%}#explorebar>div{width:70%}#explorebar>div>div{display:flex;margin:0 0 1rem}#explorebar>div>div>h3{cursor:pointer;margin:0;-webkit-user-select:none;user-select:none;white-space:nowrap}#exploreinput{background-color:initial;border:none;border-bottom:1px solid grey;border-bottom:1px solid var(--secondary-light);color:grey;color:var(--secondary-light);font-family:IBM Plex Mono,monospace;font-size:1rem;margin:0;outline:none;padding:0 .5rem;text-decoration:none;width:100%}#exploreinput:focus{border-bottom:1px solid #000;border-bottom:1px solid var(--secondary);color:#000;color:var(--secondary)}#exploreerror{align-self:center;color:#c80000;color:var(--red);margin:0}#exploreerror,.posttag{font-family:IBM Plex Mono,monospace;font-weight:light}.posttag{background-color:#d3d3d3;background-color:var(--tertiary);border:none;border-radius:.5rem;color:grey;color:var(--secondary-light);cursor:pointer;font-size:.85rem;margin:0 1rem 0 0;padding:.2rem .5rem}.posttag:hover{color:#000;color:var(--secondary)}.posttagactive{background-color:grey;background-color:var(--secondary-light);border:none;border-radius:.5rem;color:#d3d3d3;color:var(--tertiary);cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.85rem;font-weight:light;margin:0 1rem 0 0;padding:.2rem .5rem}.posttagactive:hover{background-color:#d3d3d3;background-color:var(--tertiary);color:#c80000;color:var(--red)}#createbutton{color:grey;color:var(--secondary-light);font-size:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.5rem}#createbutton:hover{color:#000;color:var(--secondary);font-weight:700}#resultcount{color:grey;color:var(--secondary-light);margin:1rem 0 0}#postgrid{grid-gap:1rem;display:grid;grid-template-columns:repeat(5,1fr);margin:2rem 0 0;max-width:75vw;width:70rem}.postcard{background-color:#d3d3d3;background-color:var(--tertiary);border-radius:.5rem;height:20rem;overflow:hidden;padding-bottom:1rem;transition:.25s}.postcard>a{color:#000;color:var(--secondary)}.postcard:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.2);box-shadow:0 .5rem 1rem var(--shadow)}.postcardimage{background-color:grey;background-color:var(--secondary-light);border-radius:.5rem .5rem 0 0;height:60%}.postcardtitle{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;height:20%;margin:.5rem;overflow:hidden;text-overflow:ellipsis}.postcard>div{height:15%;overflow:hidden}.postcard>div>.posttag{margin:0}.modal{align-items:center;background-color:rgba(0,0,0,.4);background-color:var(--modal);display:flex;height:100%;justify-content:center;left:0;overflow:scroll;position:fixed;scrollbar-width:none;top:0;width:100%}.modal::-webkit-scrollbar{display:none}.modal>div{padding:0 0 4rem;position:absolute;top:4rem}.modal>div,.nonmodal>div{align-items:baseline;display:flex}#closemodal,#postdelete,#postlike,#postunlike{align-self:flex-start;color:grey;color:var(--secondary-light);font-size:1rem;font-weight:light;padding:0;position:-webkit-sticky;position:sticky;top:2rem;white-space:pre}#closemodal:hover{color:#000;color:var(--secondary);font-weight:700}#postdelete:hover,#postlike:hover{color:#c80000;color:var(--red);font-weight:700}.post{background-color:#d3d3d3;background-color:var(--tertiary);border-radius:.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.2);box-shadow:0 .5rem 1rem var(--shadow);margin:0 2rem;max-width:50vw;padding:2rem;width:50rem}.post>h1{text-align:left}#postdeletemodal,#postlikemodal,#postunlikemodal{color:grey;color:var(--secondary-light);padding:0 .5rem;position:absolute;right:3rem}#postunlike,#postunlikemodal{color:#c80000;color:var(--red)}#postdeletemodal:hover,#postlikemodal:hover{color:#c80000;color:var(--red);font-weight:700}#postunlike:hover,#postunlikemodal:hover{color:grey;color:var(--secondary-light);font-weight:700}#postauthor{color:#000;color:var(--secondary);margin:0}#postauthor:hover{border-bottom:2px solid #000;border-bottom:2px solid var(--secondary)}.post>ol{list-style:none;margin:2rem 0 1rem;padding:0}#creatediv{flex-direction:row;min-height:auto}#create{background-color:#d3d3d3;background-color:var(--tertiary);border-radius:.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.2);box-shadow:0 .5rem 1rem var(--shadow);display:flex;flex-direction:column;margin:0 2rem;max-width:50vw;padding:2rem;width:50rem}.createinput{background-color:initial;border:none;color:#000;color:var(--secondary);font-family:IBM Plex Mono,monospace;margin:0 0 1rem;outline:none;overflow:hidden;padding:0;resize:none}.createinput::-webkit-input-placeholder{color:grey;color:var(--secondary-light)}.createinput::placeholder{color:grey;color:var(--secondary-light)}.charcount{align-self:self-end;color:grey;color:var(--secondary-light);font-size:.75rem;margin:0;padding:0}#createtitle{font-size:3rem;font-weight:700;transition:.25s}#createauthor,#createtagdiv{margin:0 0 2rem}#createtagdiv{color:grey;color:var(--secondary-light);font-size:.85rem}#createtaginput{background-color:initial;color:#000;color:var(--secondary);text-decoration:none;text-transform:lowercase}.createtag:hover{color:#c80000;color:var(--red)}#createtext{font-size:1rem;transition:.1s}.createstep{display:flex;flex-direction:column;margin:1rem 0;transition:.1s}.createstep:focus-within{padding-left:1rem}.createstep>.charcount{margin:1rem 0}.createoverview{font-family:IBM Plex Mono,monospace;font-size:1.5rem;margin:0;transition:.1s}.createdetails{font-size:1rem;margin:0;transition:.1s}.addresource,.addstep,.removeresource,.removestep{color:grey;color:var(--secondary-light);font-size:.85rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0 1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.addstep,.removestep{font-size:1rem;margin:1rem 0;width:100%}.addresource{margin:0 0 1rem}.removestep{margin:0}.removeresource{padding:0 .5rem 0 0}.addresource:hover,.addstep:hover{color:#000;color:var(--secondary)}.removeresource:hover,.removestep:hover{color:#c80000;color:var(--red)}.createresource{display:flex;margin:0 0 1rem;width:100%}.createresource>.createresourcetitle{font-size:.85rem;margin:0 1rem 0 0;width:50%}.createresource>.createresourceurl{font-size:.85rem;margin:0 1rem;width:50%}#createpost{align-self:flex-end;bottom:2rem;color:grey;color:var(--secondary-light);font-size:1rem;font-weight:light;padding:0;position:-webkit-sticky;position:sticky}#createpost:hover{color:#000;color:var(--secondary);font-weight:700}#countdown{margin:2rem 0;top:0}#quote{align-self:flex-start;margin:0 64px 16px}#quotee{align-self:flex-end;margin:0 64px;transition:.5s}#aboutdiv{height:0;margin:0;max-width:80vw;opacity:0;overflow:hidden;transition:1s}#aboutdiv>h3{align-self:flex-start;font-weight:lighter;margin:0}#aboutdiv>h3>a{color:#000;color:var(--secondary);margin:0;opacity:0;text-decoration:none;transition:.5s}#aboutdiv>h3>a:hover{font-weight:700;text-decoration:underline}#help,#legal{align-items:baseline;justify-content:baseline}#help>h2,#legal>h2{align-self:center;margin:2rem 0 0}#help>h3,#legal>h3{margin:16px 0}#help>h3>a{color:#000;color:var(--secondary)}#help>p,#legal>p{margin:0 0 32px}#help>.legal{margin:0 0 16px}#legal>#contact{margin:16px 0 0}#contact>a{color:grey;color:var(--secondary-light)}#contact>a:hover{color:#000;color:var(--secondary)}.faqitem{border-bottom:1px solid #d3d3d3;border-bottom:1px solid var(--tertiary);cursor:pointer;width:75vw}.faqanswer{height:0;margin:0;overflow:hidden;transition:.5s}#loginbox{align-items:baseline;margin:0;padding:0;width:40vw}#loginbox>div{margin:1rem 0}#loginbox>h3{align-self:center}.loginbutton{color:grey;color:var(--secondary-light);font-weight:light}.loginbutton,.loginbuttonactive{border-bottom:1px solid;font-size:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;padding:.5rem 0;width:20vw}.loginbutton:hover,.loginbuttonactive{color:#000;color:var(--secondary);font-weight:700}.loginbutton:hover{border-bottom:1px solid;margin:0}.loginlabel{color:#000;color:var(--secondary);font-size:1rem;font-weight:light;margin:0;white-space:pre}.logininput{background-color:#d3d3d3;background-color:var(--tertiary);border:1px solid transparent;border-radius:.5rem;color:grey;color:var(--secondary-light);font-family:IBM Plex Mono,monospace;font-size:1rem;margin:0;outline:none;padding:0 .5rem;text-decoration:none}.logininput:focus{color:#000;color:var(--secondary)}.logininputinvalid{border:1px solid #c80000;border:1px solid var(--red)}#signuptos{align-self:center;font-size:12px;margin:16px 0}#signuptos,#signuptos>a{color:grey;color:var(--secondary-light)}#signuptos>a:hover{color:#000;color:var(--secondary);font-weight:700}#forgotbutton,#nextbutton{align-self:center;color:grey;color:var(--secondary-light);font-size:1rem;font-weight:light;margin:1rem;padding:0}#forgotbutton{align-self:flex-end;margin:0}#forgotbutton:hover,#nextbutton:hover{color:#000;color:var(--secondary);font-weight:700;margin:1rem}#forgotbutton:hover{margin:0}#loginstatus{align-self:center;color:#c80000;color:var(--red);font-family:IBM Plex Mono,monospace;font-weight:light;margin:0;max-width:80vw;white-space:pre-wrap}#accountdiv{display:flex;flex-direction:row}#sidebar{align-self:baseline;height:calc(100vh - 192px);position:-webkit-sticky;position:sticky;top:50%}#guides,#liked,#profile,#settings{max-width:75vw;width:70rem}#sidebar>#navlist{border-right:1px solid #d3d3d3;border-right:1px solid var(--tertiary);margin:0 2rem 0 0;position:-webkit-sticky;position:sticky;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#logout>a:hover{color:#c80000;color:var(--red)}#userbar,#userbarunderline{display:flex;flex-direction:row;justify-content:space-between}#userbarunderline{border-bottom:1px solid #d3d3d3;border-bottom:1px solid var(--tertiary)}#userlvl{position:relative}#guides>#postgrid,#liked>#postgrid{grid-gap:1rem;display:grid;grid-template-columns:repeat(5,1fr);margin:2rem 0 0;width:auto}@media screen and (max-width:767px){header{background-color:#fff;background-color:var(--primary)}header:after{background:linear-gradient(180deg,#fff,transparent);background:linear-gradient(to bottom,var(--primary),transparent);bottom:-32px;content:"";height:32px;pointer-events:none;position:absolute;width:100vw}#nav{margin:16px 0 0 16px}#accountbutton,#accountbuttonactive{margin:16px 16px 0 0}.page>div{margin:96px 0;max-width:90vw;min-height:calc(100vh - 192px)}#loginbox{width:80vw}.loginbutton,.loginbuttonactive{width:40vw}#titlebar{flex-direction:column}#inputbox{margin:0;max-width:90vw}#optionbar{flex-direction:column}.optionbutton{margin:1rem 0}#steplist{width:80vw}#steplist>ol{padding:0 16px 16px}#steplist>ol>li>p,.stepresources{padding-left:0}#explorebar{flex-direction:column}#explorebar>div{width:100%}#explorebar>a{align-self:end}#postgrid{grid-template-columns:repeat(1,1fr)}.postcardimage{background-color:grey;background-color:var(--secondary-light);border-radius:.5rem .5rem 0 0;height:70%}.postcardtitle{height:15%}.postcard>div{height:10%;overflow:hidden}.modal{z-index:101}#creatediv,.nonmodal>div{flex-direction:column}#mobilepostoptions{display:flex;justify-content:space-between;width:100%}#create,.post{margin:32px 0;max-width:70vw}.post>h1{font-size:48px}#postdeletemodal{float:right;padding:0;position:inherit}.modal>div>.post>h1{margin-top:24px}#help{max-width:80vw}#help>h2{margin:0}#accountdiv{flex-direction:column;justify-content:flex-start}#sidebar{height:auto;top:64px;width:90vw;z-index:100}#sidebar>#navlist{border-bottom:1px solid #d3d3d3;border-bottom:1px solid var(--tertiary);border-right:none;display:flex;justify-content:space-between;margin:0;padding:0;top:0;-webkit-transform:none;transform:none}#guides,#liked,#profile,#settings{max-width:90vw;width:80vw}}
/*# sourceMappingURL=main.f985b608.css.map*/