@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;600;700&display=swap";*{margin:0;padding:0;font-family:Inconsolata,monospace}.scaffold{display:flex;flex-direction:row;align-items:center;height:99.6vh}.windowControl{display:none}.pageWarning{display:flex;flex-direction:row;justify-content:center;transform:translateY(50vh)}.pageWarning p{font-weight:700;font-size:2rem;font-family:Inconsolata,monospace}@media screen and (min-width: 100px){.windowControl{display:block}.pageWarning{display:none}}.sideBarScaffold{height:100%;width:4vw;border:solid black .25em;display:flex;flex-direction:column;justify-content:center;align-items:center}.sideBarScaffold .logo{position:absolute;top:.7rem}.sideBarScaffold .search{position:absolute;bottom:.7rem}.sideBarScaffold .displayAllNotes{height:50vh;overflow:auto;margin-bottom:1rem}.sideBarScaffold .shadow-box{height:62px;width:57px;border:solid 5px white;border-radius:8px;margin-bottom:1.2vh;display:flex;justify-content:center;align-items:center;transition:box-shadow .35s}.sideBarScaffold .shadow-box .themeIconButton{border:none;background:none}.sideBarScaffold .shadow-box .themeIconButton:hover{cursor:pointer}.sideBarScaffold .shadow-box:hover{cursor:pointer;box-shadow:2px 4px 4px #00000040}.noteDisplayScaffold{position:relative;height:100%;width:72.2vw;display:flex;flex-direction:column}.noteDisplayScaffold .titleSectionScaffold{height:5vh;width:72vw;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:2rem;font-weight:700;padding-left:.7rem;padding-right:.7rem}.noteDisplayScaffold .titleSectionScaffold button{background:none;border:none}.noteDisplayScaffold .titleSectionScaffold button:hover{cursor:pointer}.noteDisplayScaffold .contentDisplay{width:73.6vw;height:78vh;overflow:auto;position:relative;display:flex;flex-direction:column}.noteDisplayScaffold .contentDisplay div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:73vw;position:relative;margin-top:2vh;margin-bottom:2vh}.noteDisplayScaffold .contentDisplay div #createdTime{color:#00000080}.noteDisplayScaffold .contentDisplay div .contentDisplayContainer{border-radius:7px;display:flex;flex-direction:row;justify-content:center;align-items:center}.noteDisplayScaffold .contentDisplay div .contentDisplayContainer p{font-size:1.2rem}.noteDisplayScaffold .contentDisplay div .contentDisplayContainer button{border:none;background:none;font-size:1.2rem;text-decoration:underline;color:purple}.noteDisplayScaffold .contentDisplay div .contentDisplayContainer button:hover{cursor:pointer}.noteDisplayScaffold .inputSectionScaffold{height:19vh;width:73.5vw;display:flex;flex-direction:row;justify-content:center;align-items:center}.noteDisplayScaffold .inputSectionScaffold .inputSectionParent{position:relative;height:16vh;width:73vw;border-radius:10px;background-color:#d9d9d940}.noteDisplayScaffold .inputSectionScaffold .inputSectionParent #fileSelectDiv{position:absolute;left:10px;bottom:5px}.noteDisplayScaffold .inputSectionScaffold .inputSectionParent #fileSelectDiv #fileSelector{display:none}.noteDisplayScaffold .inputSectionScaffold .inputSectionParent #fileSelectDiv #fileSelectorLabel:hover{cursor:pointer}.noteDisplayScaffold .inputSectionScaffold .inputSectionParent .textArea{width:69vw;height:5vh;resize:none;outline:none;border:none;font-size:1.3rem;background-color:transparent;padding:2rem}.noteDisplayScaffold .inputSectionScaffold .inputSectionParent .sendButton{border:solid black .17rem;border-radius:7px;height:2.7vh;width:3.2vw;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#fff;font-weight:700;font-size:1.2rem;position:absolute;right:10px;bottom:5px}.noteDisplayScaffold .inputSectionScaffold .inputSectionParent .sendButton:hover{cursor:pointer}.noteDisplayScaffold .mainDisplayScaffold{background-color:#d9d9d9;width:73.9vw;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.noteDisplayScaffold .mainDisplayScaffold .hero{display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(20%)}.noteDisplayScaffold .mainDisplayScaffold .hero h1{font-size:5.5rem;margin-bottom:1.2rem}.noteDisplayScaffold .mainDisplayScaffold .hero h3{font-size:2rem;font-weight:500}.blur{position:absolute;height:100%;width:74vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:row;justify-content:center;align-items:center}.blur .blurPageScaffold{height:80vh;width:50vw;display:flex;flex-direction:column;align-items:center}.blur .blurPageScaffold .close{align-self:flex-end;background:none;border:none}.blur .blurPageScaffold .close:hover{cursor:pointer}.blur .blurPageScaffold form{display:flex;flex-direction:column;justify-content:center;align-items:center;height:90%}.blur .blurPageScaffold form .createPageMainContainer{display:flex;height:90%;flex-direction:column;justify-content:space-around;align-items:center}.blur .blurPageScaffold form .createPageMainContainer .createPageContainer{display:flex;flex-direction:column;align-items:center}.blur .blurPageScaffold form .createPageMainContainer .createPageContainer .createPageDesc{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:35vw}.blur .blurPageScaffold form .createPageMainContainer .createPageContainer .createPageDesc #title{font-weight:700;font-size:2rem}.blur .blurPageScaffold form .createPageMainContainer .createPageContainer .createPageDesc #requirement{color:#2de22f;font-size:1.3rem}.blur .blurPageScaffold form .createPageMainContainer .createPageContainer .password{width:35vw;border:solid black .25rem;height:7vh}.blur .blurPageScaffold form .createPageMainContainer .createPageContainer .createPageInput{width:35vw;border:solid black .25rem;height:7vh;font-size:1.7rem;font-weight:600;text-align:center}.blur .blurPageScaffold form .createPageMainContainer .createPageContainer .divst{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#fff}.blur .blurPageScaffold form .createPageMainContainer .createPageContainer .showPassword{transform:translate(15vw,-5vh);background:none;border:none;font-size:1.5rem}.blur .blurPageScaffold form .createPageMainContainer .createPageContainer .showPassword:hover{cursor:pointer}.blur .blurPageScaffold form .createPageMainContainer .submitButton{height:7vh;width:20vw;border:solid black .25rem;font-weight:700;font-size:1.5rem}.blur .blurPageScaffold form .createPageMainContainer .submitButton:hover{cursor:pointer}.blur .blurPageScaffold .settingsScaffold{display:flex;height:70%;width:70%;transform:translateY(15%);flex-direction:column;justify-content:space-around;align-items:center}.blur .blurPageScaffold .settingsScaffold .container{display:flex;flex-direction:column;font-size:2rem;font-weight:700}.blur .blurPageScaffold .settingsScaffold .container .box{display:flex;flex-direction:row;justify-content:center;align-items:center;width:35vw;border:solid black .25rem;height:7vh;background-color:#fff}.blur .blurPageScaffold .settingsScaffold .noteSettings{display:flex;height:30vh;flex-direction:column;justify-content:space-between;align-items:center}.blur .blurPageScaffold .settingsScaffold button{width:25vw;height:7vh;border:solid #ff0000 .25rem;background-color:#ff000010;font-size:2rem;font-weight:700;color:red}.blur .blurPageScaffold .settingsScaffold button:hover{cursor:pointer}.AdvertismentSectionScaffold{position:absolute;right:0;border:solid black .25rem;width:21.5vw;height:99.6%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700}