html,body{background-color:#009fb4;font-family:Tahoma,Geneva,"sans-serif";margin:0;height:100%}.shortcutContainer{width:fit-content;margin-bottom:2ch;padding-top:.5ch;padding-bottom:.5ch}.shortcutContainer:hover{outline:2px solid rgb(17,142,226);background-color:#118ee249;cursor:pointer}.shortcutImage{display:block;margin-left:auto;margin-right:auto;width:7ch;height:7ch;padding-left:1ch;padding-right:1ch;margin-top:1ch}.shortcutTitle{color:#fafafa;display:block;margin-left:auto;margin-right:auto;width:fit-content;margin-top:1ch;margin-bottom:1ch;font-size:1.4ch}@media screen and (orientation: landscape) and (max-height: 500px){.shortcutImage{width:5ch;height:5ch}}.blurbBox{display:inline;max-width:30ch;margin-left:10%;position:absolute;margin-top:20%;background-color:#cacaca;box-shadow:5px 5px 0 -1px #000000bf;animation:appearBlurb .3s;border-top:solid white 1px;border-left:solid white 1px;z-index:1;animation:appearPopup .25s}.blurbMessage{font-size:1.5ch;text-wrap:wrap;margin-top:.5ch;padding-left:1ch;padding-right:1ch;color:#000}.blurbTitleContainer{background-color:#919191;display:flex;border-bottom:solid white 1px}.blurbButtonContainer{margin-left:auto;margin-right:.25ch}.blurbTitle{margin:0;background-color:#919191;color:#f3f3f3;padding:1ch;font-weight:400;display:inline;width:fit-content}.blurbButton{padding-top:.5ch;padding-bottom:.5ch;color:#000;font-weight:700;font-size:1ch;border-top:solid 2px white;border-left:solid white 2px;background-color:#dfdfdf}@media (max-width: 767.98px){.blurbBox{margin-top:30%}}.bottomNavContainer{background-color:#d8d7d7;width:100%;position:fixed;bottom:0;box-shadow:-1px -4px #757575bf;-webkit-box-shadow:-1px -4px 0px 0px rgba(107,107,107,.75);-moz-box-shadow:-1px -4px 0px 0px rgba(179,179,179,.75);border-top:1px solid white;display:flex;height:40px}#menuButtonContainer{margin:.5ch 2ch .5ch 1ch;width:fit-content;background-color:#cacaca;border-top:2px solid white;border-left:2px solid white;box-shadow:4px 4px 0 -1px #8d8d8dbf;padding-left:1ch;padding-right:1ch;display:flex}#menuButtonContainer:hover{box-shadow:none;cursor:pointer;background-color:#9e9e9e;outline:1px solid white;border-top:2px solid black;border-left:2px solid black}#menuButton{border:none;background-color:transparent;margin-left:1ch;padding:0;color:#000;cursor:pointer}#menuImage{display:inline;width:60px;height:60px;padding:0;object-fit:contain;align-self:center}@media screen and (orientation: landscape) and (max-height: 500px){.bottomNavContainer{display:none}}.homepageFlex{display:flex;padding-left:2ch;padding-right:2ch;flex-direction:column;overflow-y:scroll;max-height:calc(80vh - var(--bottom-nav-height) + 20px);background-color:#fff;margin-left:1ch;margin-right:1ch;margin-top:1ch;border-top:solid black 3px;border-left:solid black 3px;border-bottom:solid gainsboro 3px;border-right:solid gainsboro 3px}#introContainer>h2,h1{margin-left:0;margin-top:0;padding:0}#introContainer>h1{font-size:7ch;margin-bottom:.5ch}#homeJobTitle{border:3px dotted black;color:#00f;width:fit-content;margin-bottom:1ch}#homeJobTitle:hover{scale:1.2}#links{border-top:1px solid black;padding-top:1ch;padding-bottom:1ch;border-bottom:1px solid black;display:flex;gap:2ch;margin-bottom:1ch}#links>a{display:flex;text-decoration:none}#links>a:hover{outline:2px solid rgb(17,142,226);background-color:#118ee249}.linkImage{width:60px;height:60px}#resumeText{display:inline;margin-left:1ch;color:#00f}#about{border-top:1px solid black;border-bottom:1px solid black}#about>p{max-width:70ch}.homepageTools{display:flex;gap:2ch;flex-wrap:wrap;max-width:70ch;margin-bottom:1ch}@media screen and (orientation: portrait) and (max-width: 767.98px){.homepageFlex{max-height:calc(80 * var(--vh) - var(--top-nav-height) - var(--bottom-nav-height))}.linkImage{width:40px;height:40px}#introContainer>h1{font-size:4ch;margin-bottom:.5ch}#introContainer>h2{font-size:2ch}#resumeText{font-size:small}}@media screen and (orientation: landscape) and (max-height: 500px){.linkImage{width:40px;height:40px}#introContainer>h1{font-size:4ch;margin-bottom:.5ch}#introContainer>h2{font-size:2ch}#resumeText{font-size:small}}@keyframes wave{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.imageDisplayHeader{display:inline;margin:0;padding-left:1ch;color:#fff;font-size:small}.imageDisplayContainer{box-shadow:5px 5px 0 -1px #000000bf;background-color:#dfdfdf;padding-bottom:1ch;margin-bottom:2ch;margin-left:auto;margin-right:auto}.imageDisplayToolbar{display:flex;align-items:center;background-color:#919191;border-bottom:solid white 1px}.imageDisplayButtons{display:inline;margin-left:auto;margin-right:.5ch}.idbutton{padding-top:.5ch;padding-bottom:.5ch;margin-bottom:.5ch;color:#000;font-weight:700;font-size:1ch;border-top:solid 2px white;border-left:solid white 2px;background-color:#dfdfdf}.imageDisplayBody{display:flex;flex-direction:row;padding:1ch 1ch 1ch .5ch}.paintSquare{width:3ch;height:3ch;border-top:solid 3px black;border-left:solid 3px black;border-bottom:solid 2px white;border-right:solid 2px white}.paintSquare:hover{outline:solid blue 3px}.imageDisplayColorBar{display:grid;grid-template-columns:repeat(2,3ch);column-gap:1ch;row-gap:1ch}.imageDisplayContent{width:60ch;object-fit:scale-down;border-top:solid black 3px;margin-left:2ch;border-bottom:solid white 2px;border-right:solid white 2px;border-left:solid black 3px;background-color:#fff;height:40ch}.imageDisplayMenu{margin:0;padding-left:1ch;display:inline}@media (max-width: 599.99px){.imageDisplayContent{margin-right:auto;width:100%;margin-left:auto;max-height:40ch}.imageDisplayContainer{width:fit-content}.imageDisplayBody{flex-direction:column}.imageDisplayColorBar{grid-template-columns:repeat(9,1.5ch);margin-bottom:1ch;column-gap:1ch;margin-left:auto;margin-right:1ch}.paintSquare{width:1.5ch;height:1.5ch}.imageDisplayToolbar{width:100%}.imageDisplayMenu{font-size:90%}}@media (min-width: 600px) and (max-width: 800px){.imageDisplayContent{margin-right:auto;width:100%;margin-left:auto;max-height:40ch}.imageDisplayContainer{width:fit-content}.imageDisplayBody{flex-direction:column}.imageDisplayColorBar{grid-template-columns:repeat(18,2ch);margin-bottom:1ch;column-gap:1ch;margin-left:auto;margin-right:1ch}.paintSquare{width:2ch;height:2ch}.imageDisplayToolbar{width:100%}.imageDisplayMenu{font-size:90%}}@media screen and (orientation: landscape) and (max-height: 500px){.imageDisplayContent{margin-right:auto;width:100%;margin-left:auto;height:25ch;object-fit:scale-down}.imageDisplayContainer{width:fit-content}.imageDisplayBody{flex-direction:column}.imageDisplayColorBar{grid-template-columns:repeat(9,1.5ch);margin-bottom:1ch;column-gap:1ch;margin-left:auto;margin-right:1ch}.paintSquare{width:1.5ch;height:1.5ch}.imageDisplayToolbar{width:100%}.imageDisplayMenu{font-size:90%}}.paginatorButton,.paginatorMiddle{display:inline}.paginatorButton{border-top:solid 2px white;border-left:solid 2px white;border-bottom:solid 2px black;border-right:solid 2px black;background-color:#dfdfdf}.paginatorContainer{display:flex;flex-direction:column}.paginatorButtonRight{margin-left:auto}.paginatorDivitContainer{background-color:#dfdfdf;display:flex;gap:2ch;justify-content:space-between;padding:1ch}.paginatorDivit{width:33%;border-right:solid white 2px;border-bottom:solid white 2px;border-top:solid gray 2px;border-left:solid gray 2px;font-size:1.75ch}.paginatorContainer{box-shadow:5px 5px 0 -1px #000000bf;height:fit-content;max-height:90px}.arrowContainer{display:flex;background-color:#dfdfdf;border-bottom:solid white 1px;border-top:solid white 1px}.paginatorTitle{background-color:#919191;margin-bottom:0;margin-top:0;color:#fff;padding-left:1ch}.paginatorButton:disabled{cursor:not-allowed}.paginatorButton:hover:enabled{outline:2px solid rgb(17,142,226);background-color:#118ee249;cursor:pointer}@media screen and (orientation: landscape) and (max-height: 500px){.paginatorDivit{font-size:1.5ch}.paginatorTitle{font-size:small}.paginatorButton{height:fit-content}}.toolIcon{width:75px;height:75px}.toolContainer:hover{outline:2px solid rgb(17,142,226);background-color:#118ee249;cursor:pointer}@keyframes appear{0%{transform:scale(0)}to{transform:scale(1)}}.pageContainer{animation:appear .1s ease-in;margin-top:2ch;background-color:#cacaca;box-shadow:5px 5px 0 -1px #000000bf;border-top:solid white 1px;border-left:solid white 1px;padding-bottom:1ch;width:fit-content;margin-left:auto;margin-right:auto}.pageMessage{font-size:1.5ch;text-wrap:wrap;margin-top:.5ch;padding-left:1ch;padding-right:1ch;color:#000}.pageTitleContainer{background-color:#919191;display:flex;border-bottom:solid white 1px}.pageButtonContainer{margin-left:auto;margin-right:.25ch}.pageTitle{margin:0;color:#f3f3f3;padding:1ch;font-weight:400;display:inline;width:fit-content}.pageButton{padding-top:.5ch;padding-bottom:.5ch;color:#000;font-weight:700;font-size:1ch;border-top:solid 2px white;border-left:solid white 2px;background-color:#dfdfdf}.pageFooter{display:flex;gap:1ch}.pageBoxDivit{border-top:gray solid 3px;border-left:gray solid 3px;border-bottom:white solid 3px;border-right:white solid 3px;padding-top:2ch;width:50%;margin-top:1ch}.pageBoxDivitLeft{margin-left:1ch}.pageBoxDivitRight{margin-right:1ch}@media screen and (orientation: landscape) and (max-height: 500px){.pageContainer{margin-top:0;margin-bottom:0}.dropdownTab{font-size:small}.pageBoxDivit{padding-top:1.5ch}}.loaderContainer{margin-left:auto;margin-right:auto;margin-top:3ch}.loadingMessage{font-size:5ch;margin-left:auto;margin-right:auto}.loadingIcon{margin-left:auto;margin-right:auto}#blogCardContent{display:flex;flex-direction:column;background-color:#fff;margin:1ch;padding:1ch;border-top:solid black 3px;border-left:solid black 3px;border-bottom:solid gainsboro 3px;border-right:solid gainsboro 3px;max-width:60ch}#blogCardImage{max-width:90%;max-height:25ch;box-shadow:5px 5px 0 -1px #000000bf;background-color:#919191;padding:.5ch;border-top:solid rgb(228,228,228) 4px;border-left:solid rgb(228,228,228) 4px;margin-top:1ch;margin-bottom:1ch;margin-left:auto;margin-right:auto}#blogCardContent:hover{cursor:pointer;outline:2px solid rgb(17,142,226);background-color:#118ee249}.blogTitle{margin:0}.blogCard{height:fit-content;padding-bottom:2ch}#blogSubtitle{margin-top:1ch;margin-bottom:.5ch;border-bottom:1px solid gainsboro}#blogCTR{margin-left:auto;padding:0;font-size:small;border:black 2px dotted;padding-left:.5ch;padding-right:.5ch}#blogCTR:hover{scale:1.2;transition:scale .5s ease}.blogListContainer{max-width:70dvw;padding-bottom:3ch;padding-right:1.5ch;max-height:calc(90vh - var(--bottom-nav-height) - var(--top-nav-height) - 95px);overflow-y:scroll}#paginatorContainer{margin-left:20%;margin-right:20%;margin-top:1ch;border-top:2px solid white;border-left:solid 2px white}@media screen and (orientation: portrait) and (max-width: 800px){.blogListContainer{max-height:calc(70 * var(--vh) - var(--bottom-nav-height) - var(--top-nav-height) - 95px)}}@media screen and (orientation: landscape) and (max-height: 500px){.blogListContainer{max-height:85vh}}.basicScrollbar::-webkit-scrollbar{width:1.5ch}.basicScrollbar::-webkit-scrollbar-track{background:#919191;border-left:solid 2px black}.basicScrollbar::-webkit-scrollbar-thumb{background:#dfdfdf;border-top:2px solid white;border-left:2px solid white;border-bottom:2px solid black;border-right:2px solid black}.projectsShortcutContainerList{margin-left:1ch;margin-right:1ch;background-color:#fff;border-top:2px solid black;border-left:2px solid black;border-right:2px solid rgb(170,170,170);border-bottom:2px solid rgb(221,221,221);display:flex;flex-wrap:wrap;gap:4ch;padding-left:1ch;margin-top:1ch;padding-top:1ch}.projectsShortcutContainer .shortcutTitle{color:#6e6e6e}.dropdownTab{display:inline;width:fit-content;margin-left:2ch}.projectsLoader{margin-left:auto;margin-right:auto;margin-bottom:1ch}@media (max-width: 767.98px){.projectFlex{max-height:calc(70vh - var(--bottom-nav-height) - var(--top-nav-height))}}@media (max-height: 650px){.projectFlex{max-height:calc(100vh - var(--bottom-nav-height) - var(--top-nav-height))}}.folderIcon{width:100px;height:100px;margin:0}.projectTitle{text-align:center;margin-bottom:1ch;margin-left:0;margin-right:0;margin-top:-2ch;max-width:100px}.folderContainer{margin-bottom:1ch}.folderContainer:hover{outline:2px solid rgb(17,142,226);background-color:#118ee249;cursor:pointer}.singularProjectTitleContainer{padding-right:3ch}.projectDescriptionLeft{background:#dfdfdf;margin-bottom:1ch;font-weight:100;font-size:larger;border-bottom:2px solid rgb(0,0,0);border-right:2px solid rgb(0,0,0);animation:pulse 4s infinite;box-shadow:5px 5px 0 -1px #000000bf;height:fit-content}.projectInformationHeader{margin:0;display:inline;font-weight:400;color:#fff;padding:1ch .25ch 1ch .5ch}.projectInfoX{margin-top:.8ch;margin-bottom:.8ch;margin-left:auto;margin-right:.5ch;color:#000;font-weight:700;font-size:1ch;border-top:solid 2px white;border-left:solid white 2px;background-color:#dfdfdf}.projectInformationBar{display:flex;background-color:#919191;border-bottom:2px solid rgb(255,255,255);border-top:solid 2px rgb(255,255,255)}.singularProjectTitleContainer{display:flex}.singularProjectTitle{margin-bottom:0;font-weight:400;font-size:3ch}.singularProjectSubtitle{margin-bottom:0;font-weight:400;font-size:2.5ch}.singularProjectSubtitle{margin-top:0}.infoIcon{width:100px;height:100px;display:inline;object-fit:cover}.uselessButton{width:fit-content;margin-left:auto;margin-right:auto;background-color:#919191;color:#fff;padding:.5ch 2ch;border-bottom:2px solid rgb(53,53,53);border-right:2px solid rgb(53,53,53);border-top:1px solid white;border-left:2px solid white}.uselessButton:hover{cursor:not-allowed}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.projectDescriptionMiddle{max-width:45ch;padding-bottom:1ch}.projectDescriptionBody{max-height:55ch;overflow-y:scroll;background-color:#fff;margin-left:1ch;margin-right:1ch;padding:1ch;margin-bottom:0;border-top:3px solid black;border-left:3px solid black;border-bottom:3px solid rgb(211,211,211);border-right:3px solid rgb(211,211,211);white-space:pre;text-wrap:wrap}.projectDescriptionMiddle{background-color:#dfdfdf;margin-bottom:1ch;box-shadow:5px 5px 0 -1px #000000bf}.projectDescriptionHeader{background-color:#919191;margin:0;padding-left:1ch;padding-top:.5ch;padding-bottom:.5ch;border-bottom:1px solid white;font-weight:lighter;color:#fff}.projectVideo{display:block;margin-left:auto;margin-right:auto}.githubLogo{width:50px;height:50px}.githubLink{padding:0;margin-left:2ch;margin-right:2ch}.projectGithub{display:flex;align-items:center;background-color:#fff;padding:.5ch;margin-left:1ch;margin-right:1ch;border-top:3px solid black;border-left:3px solid black;border-bottom:3px solid rgb(211,211,211);border-right:3px solid rgb(211,211,211)}.projectGithub:hover{outline:2px solid rgb(17,142,226);background-color:#118ee249;cursor:pointer}.projectToolsContainer{background:#dfdfdf;box-shadow:5px 5px 0 -1px #000000bf;margin-top:1ch;margin-bottom:1ch}.toolsTabs{margin-left:1ch;margin-top:0;margin-bottom:0;padding:0;display:inline}.pageBoxDivitFull{width:100%;padding-top:1ch;padding-bottom:1ch;border-top:3px solid gray;border-left:3px solid gray;margin:1ch;border-bottom:solid 3px white;border-right:solid 3px white}.toolsUsedTop{display:flex;align-items:center}.projectDescriptionMiddle{height:fit-content}.projectsShortcutContainer{display:flex;flex-wrap:wrap;background-color:#fff;padding:1ch;overflow-y:scroll;justify-content:space-evenly;gap:3ch;max-height:70dvh;margin-left:1ch;margin-right:1ch;border-top:2px solid black;border-left:2px solid black;border-right:2px solid rgb(170,170,170);border-bottom:2px solid rgb(221,221,221)}.projectToolbox{margin-top:1ch;background-color:#fff;margin-left:1ch;padding:1ch;margin-right:1ch;border-top:3px solid black;border-left:3px solid black;border-bottom:3px solid rgb(211,211,211);border-right:3px solid rgb(211,211,211);grid-template-columns:repeat(3,75px);column-gap:2ch;row-gap:1ch;display:grid;max-height:20ch;overflow-y:scroll}#projectEditButton{display:block;margin-left:1ch;margin-top:.5ch;box-shadow:5px 5px 0 -1px #000000bf}#projectEditButton:hover{cursor:pointer;scale:1.2;transition:scale 1s ease}@media screen and (orientation: portrait) and (max-width: 767.98px){.projectsShortcutContainer{max-height:calc(80 *var(--vh) - var(--bottom-nav-height) - var(--top-nav-height))}.projectToolbox,.projectDescriptionBody{max-height:fit-content}}@media screen and (orientation: landscape) and (max-height: 500px){.projectsShortcutContainer{max-height:100vh}}#notFoundMessage{padding:1ch;color:#fff}.notFoundContainer{height:fit-content;margin-top:20%}.desktopContainer{display:flex}.pageFlexContainer{flex:1;margin-left:2ch;margin-right:2ch}.shortcutsContainer{display:flex;flex-direction:column}@media (max-width: 767.98px){.desktopContainer{flex-direction:column}.shortcutsContainer{flex-direction:row;height:100px}}@media screen and (orientation: landscape) and (max-height: 500px){.pageFlexContainer{height:100%}}.contentInputContainer{background-color:#919191;margin-right:1ch;box-shadow:5px 5px 0 -1px #000000bf;height:fit-content}.projectInputTitle{color:#fff;font-weight:400;margin:0;padding-top:.5ch;padding-bottom:.5ch;padding-left:1ch;border-bottom:solid 1px white}.projectInputContainer{background-color:#cacaca;padding-left:1ch;padding-right:1ch;padding-bottom:2ch;display:flex;flex-direction:column}.projectInfoInput{border-top:solid 4px black;border-left:solid 4px black;border-bottom:solid 4px rgb(221,221,221);border-right:solid 4px rgb(221,221,221)}#projectDescriptionInput{resize:none}#projectDescriptionInput{display:block}.dateInputContainer{margin-top:1ch;margin-bottom:1ch}.dateInputContainer>label{margin-right:1ch;display:block}.blockLabel{display:block}.inputTopContainer{display:flex;gap:3ch;justify-content:space-between;margin-right:1ch}.titleDivit{width:100%;margin-top:2ch;border-top:4px solid black;border-left:4px solid black;border-bottom:4px solid white;border-right:4px solid white}.inputTopContainer input{width:100%}.creationLayout{margin-left:1ch;margin-right:1ch;background-color:#fff;border-top:2px solid black;border-left:2px solid black;border-right:2px solid rgb(170,170,170);border-bottom:2px solid rgb(221,221,221);display:flex;max-height:70dvh;overflow-y:scroll;flex-direction:column;gap:4ch;padding-left:1ch;margin-top:1ch;padding-top:1ch;padding-bottom:1ch}.textToolsCreationLayout{display:flex;margin-right:1ch;gap:5ch}.mediaProjectContainer{width:fit-content;display:flex;gap:2ch}.projectCreationText{margin:0;padding:0}.imageUploadContainer{background-color:#919191;height:fit-content}.imageRemoveButton{border-top:solid 2px white;border-left:solid 2px white;border-bottom:solid 2px black;background-color:#dfdfdf;border-right:solid 2px black}.imageRemoveButton:hover{cursor:pointer;border-left:solid 2px black;border-right:solid 2px white;border-top:solid 2px black;border-bottom:solid 2px white;background-color:#afafaf}.deleteSelector{border-top:2px solid white;border-bottom:2px solid black;border-right:2px solid black;border-left:2px solid white;margin-right:1ch}.imageBlockLabel{display:block}.imageUploadContainer{padding-left:1.5ch;padding-right:1.5ch;padding-bottom:1.5ch;margin-right:2ch;box-shadow:5px 5px 0 -1px #000000bf;background-color:#cacaca}.imageInnerContainer{background-color:#dfdfdf;border-top:4px solid black;border-left:4px solid black;border-bottom:4px solid white;border-right:4px solid white;padding:1ch}#imageUploader{background-color:#fff;border-top:2px solid black;border-left:2px solid black;border-bottom:2px solid gainsboro;border-right:2px solid gainsboro}.imagePageTitle{display:inline;width:fit-content;color:#000}.pageButtonContainerImage{display:inline-block;margin-left:auto}.imageUploadContainerHeader{display:flex}.mediaProjectRight{display:flex;flex-direction:column;gap:4ch}.externalLinkUploader{margin-right:2ch;box-shadow:5px 5px 0 -1px #000000bf;background-color:#dfdfdf;padding-bottom:1ch}.externalLinkUploaderTitle{display:flex;background-color:#919191;border-bottom:2px solid white;padding-left:1ch}#externalGithubImage{height:20px;width:20px}#projectGithubInput,#projectYoutubeInput{width:92%;margin-left:auto;margin-right:auto;margin-left:1ch;margin-right:1ch}#createProjectSubmitButton{width:10%;display:block;margin-left:auto;margin-right:auto;box-shadow:3px 3px 0 -1px #000000bf;border-top:2px solid gray;border-left:2px solid gray;border-bottom:2px solid black;border-right:2px solid black;background-color:#dfdfdf}#createProjectSubmitButton:hover{scale:1.1;cursor:pointer}.mediaLabel{margin-left:1ch}#projectError{margin-left:auto;margin-right:auto;width:fit-content;color:red}#projectDeleteButton{width:fit-content;background-color:red;color:#fff}#projectDeleteButton:enabled:hover{cursor:pointer;background-color:brown;scale:1.2}.adminTopTab:hover{cursor:pointer;outline:2px solid rgb(17,142,226);background-color:#118ee249}.adminWelcomeContainer{margin-left:1ch;margin-right:1ch;padding:1ch;border-top:solid 3px black;border-left:solid 3px black;border-bottom:solid 3px gainsboro;border-right:solid 3px gainsboro;background-color:#fff}#adminLoading{display:flex;margin-top:30ch}.toolSelectorContainer{height:fit-content}.toolList{display:flex;flex-direction:column;margin:1ch;background-color:#fff;border-top:2px solid black;border-left:2px solid black;border-right:2px solid rgb(170,170,170);border-bottom:2px solid rgb(221,221,221);padding-left:3ch;padding-top:1ch;padding-right:3ch;max-height:40ch;overflow-y:scroll;gap:.5ch}.loginContainer{border-top:solid white 2px;border-left:solid white 2px;max-width:50ch;margin-left:auto;margin-right:auto;box-shadow:5px 5px 0 -1px #000000bf;background-color:#cacaca;margin-top:20ch}.loginTitle{display:inline;font-weight:400;color:#fff;margin:0;padding-left:1ch}.pageButtonContainer{display:inline;margin-right:.25ch;width:fit-content;margin-left:auto}.loginHeader{display:flex;align-items:center;background-color:#919191;border-bottom:solid white 1px}.loginInput{display:block;border-bottom:3px solid rgb(190,190,190);border-right:3px solid rgb(190,190,190);border-top:2px solid black;border-left:2px solid black;width:90%;margin-left:auto;margin-right:auto}#loginForm{margin-top:1ch}#loginForm>label{color:#fff;margin-left:2ch}.loginButton{font-size:medium;border-radius:0;border-top:solid 2px white;border-left:solid 2px white;border-bottom:solid 2px black;border-right:solid 2px black}.loginButton:enabled:hover{background-color:#8a8a8a;border-top:2px solid black;border-left:2px solid black;border-bottom:solid 2px white;border-right:2px solid white;color:#fff;cursor:pointer}.loginFooter{display:flex;margin-top:1ch;margin-left:2ch;margin-right:2ch;gap:1ch;padding-bottom:1ch}.loginDivit{margin:0;padding:0;color:red;border-bottom:solid 2px white;border-right:solid white 2px;border-top:solid 2px black;border-left:solid 2px black;width:100%}#loginLoading{width:fit-content;margin-left:auto;margin-right:auto;padding:0;display:flex}#deleteContainer{width:fit-content;background-color:#dcdcdc;border:solid white 3px;margin-left:auto;margin-right:auto;margin-top:20%;animation:1s grow ease}#modalContainer{background-color:#000000b9;height:100%;width:100%;position:absolute;z-index:1;top:0;left:0;animation:1s ease appear}#deleteOptionsContainer{margin-left:auto;margin-right:auto;width:fit-content;display:flex;gap:2ch;margin-bottom:1ch}.optionButton{border-top:1px solid white;border-left:1px solid white;border-bottom:1px solid black;border-right:1px solid black}.optionButton:hover{cursor:pointer;background-color:#dcdcdc;border-top:1px solid black;border-left:1px solid black;border-bottom:1px solid white;border-right:1px solid white}@keyframes grow{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes appear{0%{opacity:0}to{opacity:1}}.adminToolPageContainer{background-color:#fff;margin:1ch;padding:1ch;border-top:solid black 3px;border-left:solid black 3px;border-bottom:solid gainsboro 3px;border-right:solid gainsboro 3px;max-height:70dvh;overflow-y:scroll}.toolBlockLabel{display:block}.toolCreationInputContainer{background-color:#cacaca;padding-left:1ch;padding-right:1ch;padding-bottom:2ch;margin-top:2ch;width:fit-content;box-shadow:5px 5px 0 -1px #000000bf}#createToolTitle{margin-top:.5ch;margin-bottom:.5ch}#currentToolImageDisplay{max-width:250px;max-height:250px;margin-top:1ch;margin-left:auto;margin-right:auto;display:block;border:solid black 2px}#toolEditorForm{background-color:#dfdfdf;padding:1ch;border-top:3px solid black;border-left:3px solid black;border-right:solid white 3px;border-bottom:solid white 3px;overflow-y:scroll;max-height:50ch}.toolCreateInput{width:98%;border-top:solid black 4px;border-bottom:solid gainsboro 4px;border-right:solid gainsboro 4px;border-left:solid 4px black}#toolSubmit{display:block;margin-left:auto;margin-right:auto;box-shadow:5px 5px 0 -1px #000000bf;margin-top:1ch}#toolSubmit:hover{cursor:pointer}.toolPageContainer{max-width:30ch;max-height:30ch;overflow-y:scroll}#toolEditButton{margin:0;height:fit-content;display:block;border-top:solid 2px gainsboro;border-left:solid 2px gainsboro;box-shadow:5px 5px 0 -1px #000000bf}#toolEditButton:enabled:hover{cursor:pointer;background-color:#ccc;color:#fff}#deleteTool{margin-top:1ch;color:#fff;background-color:red}#deleteTool:enabled:hover{background-color:brown;scale:1.2;transition:scale 1s ease;cursor:pointer}:root{--bottom-nav-height: 40px;--top-nav-height: 100px}.singularBlogContent{display:flex;flex-direction:column;flex-wrap:nowrap;padding:3ch;max-height:70dvh;overflow-y:scroll}.singleBlogTitle{margin:0;padding:0;display:block}h4.singleBlogTitle{color:#afafaf}#singleBlogPageImage{max-width:95%;max-height:30ch;margin-left:auto;margin-right:auto;border-top:solid gainsboro 2px;border-left:solid gainsboro 2px;box-shadow:5px 5px 0 -1px #000000bf}#markdown{border-top:solid black 2px;display:block}#blogEditButton{width:fit-content;margin-left:auto;margin-right:auto;box-shadow:5px 5px 0 -1px #000000bf}#blogEditButton:hover{cursor:pointer}@media screen and (orientation: portrait) and (max-width: 767.98px){.singularBlogContent{max-height:calc(70 * var(--vh) - var(--top-nav-height) - var(--bottom-nav-height))}}@media screen and (orientation: landscape) and (max-height: 500px){.singularBlogContent{max-height:100vh}}.markdownEditor{display:flex;flex-direction:row;gap:1ch;padding-right:1ch}#markdownInput{resize:none;width:95%;margin-left:auto;margin-right:auto;display:block;min-height:60ch;border-bottom:solid black 3px;border-right:solid black 3px;border-top:solid rgb(189,189,189) 3px;border-left:solid rgb(189,189,189) 3px}.markdownEditorSection{min-width:35ch;margin-right:1ch;margin-bottom:1ch;padding-left:1ch;padding-right:1ch;max-width:40ch;overflow-wrap:break-word;margin-left:auto;margin-right:auto}.markdownEditorSection>h4{text-decoration:underline;outline:2px solid rgb(17,142,226);padding:.5ch;width:fit-content;background-color:#118ee249;margin-left:.5ch;margin-right:.5ch}.sectionLeft{background-color:#919191;padding-bottom:1ch;box-shadow:5px 5px 0 -1px #000000bf;border-top:solid gainsboro 2px;border-left:solid gainsboro 2px}.sectionLeft>h4{color:#fff;margin-top:.25ch;margin-bottom:0}.sectionRight{border:solid rgb(17,142,226)}.blogCreationInputContainer{background-color:#cacaca;padding:1ch;margin-top:1ch;box-shadow:5px 5px 0 -1px #000000bf;margin-bottom:1ch;max-width:50ch;margin-left:auto;margin-right:auto;min-width:40ch}#blogMediaContainer{background-color:#dcdcdc;border-bottom:solid white 3px;border-right:solid white 3px;border-top:solid black 3px;border-left:solid black 3px;padding:1ch}#createBlogTitle{margin:0;color:#fff}.blogCreateInput{width:98%;border:solid 2px black;background-color:#fff}#currentBlogImageDisplay{width:40ch;height:25ch;display:block;margin-left:auto;margin-right:auto;margin-top:1ch}.adminBlogPageContainer{background-color:#fff;margin-left:1ch;margin-right:1ch;margin-bottom:0;padding-left:1ch;padding-right:1ch;border-top:3px solid black;border-bottom:3px solid gainsboro;border-left:solid black 3px;border-right:solid gainsboro 3px;max-height:70dvh;overflow-y:scroll;padding-bottom:1ch}#blogSubmit{margin-left:auto;margin-right:auto;display:block;margin-top:2ch;color:#000;margin-bottom:2ch;font-size:small;border:none;border:1px solid black;padding-left:2ch;padding-right:2ch;box-shadow:5px 5px 0 -1px #000000bf}#blogSubmit:hover{scale:1.5;cursor:pointer}#deleteBlogButton{color:#fff;background-color:red;border:solid 1px black;padding:.5ch}#deleteBlogButton:enabled:hover{cursor:pointer;scale:1.2;background-color:brown}#blogLoaderContainer{display:block;margin-left:auto;margin-right:auto}.tabContainer{display:flex;background-color:#cacaca;box-shadow:4px 4px 0 -1px #8d8d8dbf;border-top:2px solid white;border-left:2px solid white;margin-right:1ch;margin-top:.5ch;margin-bottom:.5ch;align-items:center;min-width:10%;max-width:40%}.tabContainer:hover{box-shadow:none;cursor:pointer;background-color:#9e9e9e;outline:1px solid white;border-top:2px solid black;border-left:2px solid black}.closeTabButton{padding-top:.5ch;padding-bottom:.25ch;color:#000;border-top:solid 2px white;border-left:solid white 2px;background-color:#dfdfdf;margin-left:auto;margin-right:1ch;transition:scale .3s ease;box-shadow:1px 1px #000000bf}.closeTabButton:hover{scale:1.2;cursor:pointer;background-color:#6e6e6e;border-top:solid 2px black;border-left:solid black 2px;box-shadow:1px 1px #fff;border-bottom:none;border-right:none}.tabImage{display:inline;width:40px;height:40px}.tabTitle{display:inline;padding:0;margin:0;vertical-align:middle;color:#000;margin-left:2ch;font-weight:400;font-size:1.75ch;margin-right:1ch}@media (max-width: 575.98px){.tabTitle,.closeTabButton{display:none}}@media (min-width: 576px) and (max-width: 767.98px){.closeTabButton{display:none}}.emailContainer{position:absolute;bottom:5ch;background-color:#cacaca;border-top:2px solid white;border-left:2px solid white;box-shadow:4px 4px 0 -1px #000000bf;animation:appearPopup .25s}.emailHeaderContainer{display:flex;background-color:#919191;color:#f3f3f3;border-bottom:solid white 1px}.emailButtonContainer{margin-left:auto;margin-right:.25ch}.emailButton{padding-top:.5ch;padding-bottom:.5ch;color:#000;font-weight:700;font-size:1ch;border-top:solid 2px white;border-left:solid white 2px;background-color:#dfdfdf;cursor:pointer}.emailButton:hover{background-color:gray;border-bottom:2px solid white;border-right:2px solid white;border-top:2px solid black;border-left:2px solid black;color:#fff}.inputBox{display:block;background-color:#fff;border-top:2px solid rgb(0,0,0,.537);border-left:2px solid rgba(0,0,0,.537);border-bottom:solid black 3px;border-right:solid black 3px;margin:.75ch 1.5ch;min-width:40ch}.inputBox:focus{background-color:#dbfaff}.inputMessage{min-height:40ch;resize:none}.emailHeader{font-weight:400;margin:0;padding-top:1ch;padding-bottom:1ch;padding-left:1ch;display:inline}.emailBoxFooter{display:flex;padding-bottom:1ch}.emailBoxDivit{width:75%;border-bottom:2px solid white;border-right:2px solid white;border-top:3px solid gray;border-left:3px solid gray;margin-left:1.75ch;font-weight:400;font-size:75%;padding-left:2ch;padding-top:.25ch}.emailSendButton{padding-top:.5ch;padding-bottom:.5ch;color:#000;font-weight:700;font-size:1.5ch;border-top:solid 2px white;border-left:solid white 2px;background-color:#dfdfdf;cursor:pointer;margin-left:auto;margin-right:2ch;font-weight:400;margin-left:.5ch}.emailSendButton:hover{background-color:gray;border-bottom:2px solid white;border-right:2px solid white;border-top:2px solid black;border-left:2px solid black;color:#fff}@keyframes appearPopup{0%{transform:scale(0)}to{transform:scale(1)}}#emailForm{display:flex;flex-direction:column}#loadingContainer{position:absolute;margin-left:auto;margin-right:auto;width:100%;margin-top:1ch;height:90%;background-color:#96bcee57;display:flex}#emailForm>p{margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:.5ch;font-size:1.75ch}#emailForm>#emailError{color:red}#emailForm>#emailSuccess{color:green}