:root{--mainColor: rgba(251, 251, 246, 1);--mainColor-greener: rgba(246, 253, 249, 1);--secondaryColor: rgba(248, 245, 233, 1);--secondaryColor-darker: rgba(237, 232, 210, 1);--borderColor: #8B999F;--boxShadowColor: #778899;--textColor: #27373F;--textColor-secondary: #578390;--textColor-error: #aa452a;--textColor-success: #113d28}body{font-size:16px;color:var(--textColor);background:linear-gradient(to right,var(--secondaryColor-darker),var(--mainColor-greener) 30%,var(--mainColor-greener) 70%,var(--secondaryColor-darker))}#home-page-container{display:flex;flex-direction:column;margin:0 auto;width:75vw}#basic-directions-container{display:flex;justify-content:center;font-family:source_sans_prolight;font-size:20px;margin-bottom:10px;color:#000}#content-editable-container{display:flex;min-height:20vh;border-radius:5px}.content-editable-div{width:100%;height:auto;padding:5px;font-family:source_sans_prolight;text-align:center;border-radius:3px;outline:none;box-shadow:0 0 3px var(--boxShadowColor);background-color:var(--secondaryColor);white-space-collapse:break-spaces;text-wrap:wrap;word-break:break-all}@supports (-moz-appearance:none){.content-editable-div:empty{caret-color:transparent}.content-editable-div:empty:before{content:"Type something..."}.content-editable-div:empty:after{content:"|";opacity:0}.content-editable-div:focus-within:empty:after{opacity:1}}button{background-color:unset;color:unset;border:unset;cursor:pointer}#alignment-button-container{display:flex;justify-items:center}.alignment-button,.continue-button,.home-button,.sign-in-button,.navbar-button{display:flex;border-radius:5px;border:none;box-shadow:0 0 2px var(--boxShadowColor);align-content:center;justify-content:center;flex-wrap:wrap;font-family:bebaskai;letter-spacing:2px}.alignment-button{background-color:var(--secondaryColor);height:25px;flex:1 1 0px;margin:10px}.continue-button,.home-button,.sign-in-button{background-color:var(--mainColor-greener);flex:0 0 35px;padding:5px 20px;margin:0}.home-button,.sign-in-button{align-self:stretch}.navbar-button{color:var(--textColor);padding:5px 30px;background-color:var(--secondaryColor);align-self:center;font-family:source_sans_prolight;margin:.2rem 1rem;font-size:18px;text-wrap:nowrap}.alignment-button:hover,.continue-button:hover,.home-button:hover,.sign-in-button:hover,.navbar-button:hover{box-shadow:0 0 5px var(--boxShadowColor)}.icon-button,.icon-spinner{display:flex;align-items:center;background-color:transparent;color:var(--textColor-secondary);border:none;border-radius:5px;padding:3px;margin-right:5px;font-size:1.25rem}.icon-spinner{animation:1s spin linear 0s infinite;color:var(--textColor)}@keyframes spin{0%{transform:rotate(30deg)}to{transform:rotate(390deg)}}.icon-button:hover{background-color:var(--mainColor);box-shadow:0 0 5px var(--boxShadowColor)}#about-page-container,#dev-details-page-container,#my-docs-page-container,#login-page-container{display:flex;flex-direction:column;margin:0 auto;width:75vw;text-align:center;cursor:default}.demo-details-container{overflow:hidden;padding:20px;border-radius:3px;box-shadow:0 0 3px var(--boxShadowColor);background-color:var(--secondaryColor)}#dev-details-page-container .demo-details-container{display:grid;grid-gap:15px;grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}#about-page-container .demo-details-container{padding-top:5px;padding-bottom:5px}#login-page-container .demo-details-container,#login-page-container form,#my-docs-page-container .demo-details-container{display:flex;flex-direction:column;align-items:flex-start;align-self:center;width:30vw}#about-page-container .demo-text-div{margin-bottom:20px}.page-h1{height:30px;margin:0 0 10px;font-family:bebaskai,serif;font-size:24px;letter-spacing:5px}#dev-details-page-container a{color:var(--textColor);font-size:20px;text-decoration:none;border:1px solid transparent}#dev-details-page-container a:hover{border:1px solid var(--borderColor);border-radius:10px;background-color:var(--mainColor)}#dev-details-page-container .logo{height:6rem;width:6rem;padding:1rem;margin:.5rem}#my-docs-page-container .documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:13px}#my-docs-page-container .documents-grid>.document-preview{display:flex;flex-direction:column;aspect-ratio:2 / 1;font-size:6px;padding:0;overflow:hidden;border-radius:3px;box-shadow:0 0 3px var(--boxShadowColor);background-color:var(--secondaryColor)}#my-docs-page-container .documents-grid>.document-preview .document-preview-toolbar{display:flex;height:2rem;align-items:center;justify-content:flex-end;box-shadow:0 0 3px var(--boxShadowColor)}#my-docs-page-container .documents-grid>.document-preview .document-preview-content{height:100%;font:unset}#my-docs-page-container .documents-grid>.document-preview:hover{box-shadow:0 0 5px var(--boxShadowColor);background-color:var(--mainColor)}#my-docs-page-container .documents-grid>.document-preview:hover .document-preview-toolbar{background-color:var(--secondaryColor)}.directions-and-spinner{display:flex;width:100%;gap:10px;justify-content:space-between}.directions-text{margin-top:0;margin-bottom:10px;text-align:left}#login-page-container .login-input{margin-bottom:15px;align-self:stretch;border-radius:5px;height:30px;border:none;box-shadow:0 0 2px var(--boxShadowColor);padding:5px}#login-page-container .error-text{margin-bottom:0;margin-top:15px;color:var(--textColor-error);text-align:left}#login-page-container .success-text{margin-top:0;margin-bottom:15px;color:var(--textColor-success);text-align:left}#navbar{position:sticky;top:0;display:flex;height:50px;box-shadow:0 1px 3px var(--boxShadowColor);align-items:center;justify-content:space-between;margin-bottom:100px;background-color:var(--mainColor);font-family:bebaskai,serif}#navbar .title,#navbar .page-links-container{display:flex;height:100%;align-items:flex-end}#navbar .title{justify-content:left;letter-spacing:5px;overflow:hidden}#navbar .title .navbar-link{display:inline;align-self:center}#navbar .title .titleLetter{color:var(--textColor)}#navbar .page-links-container{justify-content:center;letter-spacing:2px;margin:0 auto;overflow:visible}#navbar .navbar-link{margin:.2rem 1rem;text-decoration:none;line-height:inherit;text-wrap:nowrap;font-size:22px;font-family:bebaskai,serif}#navbar *:not(.title) .navbar-link{display:flex;align-items:flex-end;padding:0;color:var(--textColor-secondary)}#navbar .navbar-link:hover{color:var(--textColor);text-decoration:underline}#navbar .dropdown{position:relative;display:none;margin-right:5px}#navbar .dropdown ul{list-style-type:none;position:absolute;top:0;right:0;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;padding:0;margin-right:3px;box-shadow:0 0 5px var(--boxShadowColor);border-radius:5px;border:1px solid var(--borderColor);background-color:var(--mainColor-greener)}#navbar .dropdown ul li{border-top:1px solid var(--borderColor);width:100%}#navbar .dropdown ul li:first-of-type{border-top:none}@media only screen and (max-width: 760px){#navbar .page-links-container,#navbar .navbar-button{display:none}#navbar .dropdown{display:inline-block}}#footerbar{position:sticky;bottom:0;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background-color:var(--secondaryColor);box-shadow:0 -1px 3px var(--boxShadowColor);cursor:default}.page-container{min-height:100vh}.page-container:after{content:"";display:block}#footerbar,.page-container:after{height:25px}#footerbar #created-by{justify-self:flex-start;margin-left:20px}#footerbar #created-year{justify-self:flex-end;margin-right:20px}@font-face{font-family:bebaskai;src:url(/assets/BebasKai-DdOFRTMR.woff2) format("woff2"),url(/assets/BebasKai-JtD6XdG4.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:source_sans_prolight;src:url(/assets/sourcesanspro-light-webfont-_TG8kIe0.woff2) format("woff2"),url(/assets/sourcesanspro-light-webfont-0QhreNep.woff) format("woff");font-weight:400;font-style:normal}:root{font-family:source_sans_prolight,serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}