.nav{width:100%;height:100px;background-color:var(--background-color);position:-webkit-sticky;position:sticky;top:0;font-family:"Fira sans",sans-serif;z-index:999;color:var(--text-color)}.nav,.topLeft,.topRight{display:flex;align-items:center}.topLeft,.topRight{flex:3 1;justify-content:center}.topCenter{flex:6 1}.topLeft img{height:auto;max-width:100%;margin-top:-4rem;cursor:pointer}.topImg{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer}.topList{display:flex;justify-content:center;margin:0;padding:0;list-style:none}.topListItem{margin-right:1.2rem;font-weight:100}.topListItem,.topSearchIcon{font-size:1.2rem;cursor:pointer}.topSearchIcon{color:grey;margin-left:1rem}.defaultImg{font-size:1.4rem}#darkMode{margin-left:1.5rem;background:transparent url(/static/media/moon.08c8560a.png) no-repeat 50%;background-size:30px 30px;width:38px;height:38px;-webkit-filter:grayscale(100%);filter:grayscale(100%);border:none;border-radius:50%;transition:background-color .3s ease-in-out,-webkit-filter .3s ease-in-out;transition:background-color .3s ease-in-out,filter .3s ease-in-out;transition:background-color .3s ease-in-out,filter .3s ease-in-out,-webkit-filter .3s ease-in-out}#darkMode.clicked{-webkit-filter:none!important;filter:none!important;background-color:#000}.home{display:flex}.header{margin-top:2rem}.headerTitles{display:flex;flex-direction:column;align-items:center;font-family:"Lora",serif;color:#696464}.headerTitleSmall{position:absolute;top:18%;font-size:1.5rem}.headerTitleLarge{position:absolute;top:20%;font-size:5rem}.headerImg{width:100%;height:450px;margin-top:4rem;object-fit:cover}.posts{flex:9 1;display:flex;flex-wrap:wrap;margin:1rem}.paginationBtn{width:80%;height:40px;list-style:none;display:flex;justify-content:center}.paginationBtn a{padding:10px;margin:8px;border-radius:5px;border:1px solid grey;color:var(--text-color);cursor:pointer;background-color:var(--background-color)}.paginationBtn a:hover{background-color:#a9a9a9}.paginationActive a{background-color:#e9dbdb}.noPosts{display:flex;align-items:center;justify-content:center}.noPostsPara{margin:2rem;font-size:1.6rem;width:70%;text-align:center}.post{width:375px;margin:0 1rem 2rem 1.2rem}.postImg{width:100%;height:300px;object-fit:cover;border-radius:8px}.postInfo{display:flex;flex-direction:column;align-items:center;text-align:center}.postTitle{font-family:"Fira Sans",sans-serif;font-size:1.2rem;font-weight:700;margin-top:.8rem;cursor:pointer}.postDate{font-family:"Lora",sans-serif;font-style:italic;font-size:1rem}.postDate,.postDesc{color:var(--text-color);margin-top:.8rem}.postDesc{font-family:"Roboto",sans-serif;font-size:.9rem;line-height:1.2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.main-loader{display:flex;align-items:center}.bar{width:10px;height:70px;background:#fff;display:inline-block;transform-origin:bottom center;border-top-right-radius:20px;border-top-left-radius:20px;animation:loader 1.2s linear infinite}.bar1{animation-delay:.1s}.bar2{animation-delay:.2s}.bar3{animation-delay:.3s}.bar4{animation-delay:.4s}.bar5{animation-delay:.5s}.bar6{animation-delay:.6s}.bar7{animation-delay:.7s}.bar8{animation-delay:.8s}@keyframes loader{0%{transform:scaleY(.1)}50%{transform:scaleY(1);background:#e2c5ba}to{transform:scaleY(.1);background:transparent}}.loadingWrapper{position:relative}.lds-ripple{position:absolute;transform:translate(310%,150%);width:200px;height:200px}.lds-ripple div{position:absolute;border:4px solid #c2b2b2;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.sidebar{flex:4 1;height:100vh;margin-top:10rem;margin-right:1.5rem;padding-bottom:1.5rem;background-color:var(--background-color);border-radius:10px;display:flex;flex-direction:column;align-items:center}.sidebarImg{width:90%;height:250px;border-radius:10px;object-fit:cover;margin-top:1rem}.quote{padding:1.2rem;font-size:1.4rem}.quoteAuthor{font-size:1.2rem}.quoteLink{text-decoration:none;color:var(--text-color)}.sidebarItem{display:flex;flex-direction:column;align-items:center}.sidebarTitle{margin:.5rem;padding:.2rem;width:90%;border-top:1px solid #a7a4a4;border-bottom:1px solid #a7a4a4;font-family:"Roboto",sans-serif;text-align:center;font-size:1.2rem;color:var(--text-color);font-weight:600;line-height:1.3rem}:root{--black:#000;--white:#fff;--gray:grey}body{background:var(--background-color);color:var(--text-color)}body.light{--background-color:var(--white);--text-color:var(--black)}body.dark{--background-color:var(--black);--text-color:var(--gray)}.settings{display:flex;font-family:"Roboto",sans-serif}.settingsWrapper{flex:9 1;padding:1rem}.settingsTitle{display:flex;align-items:center;justify-content:space-between}.settingsUpdate{font-size:1.5rem;margin-bottom:.5rem;color:#f08080}.settingsDelete{color:red;font-size:1rem;cursor:pointer}.settingsForm{display:flex;flex-direction:column}.settingsPicture{display:flex;align-items:center;margin:.5rem 0}.settingsPicture>img{width:70px;height:70px;border-radius:20px;object-fit:cover}.settingsProfileIcon{width:25px;height:25px;border-radius:50%;background-color:#f08080;color:#000;display:flex;align-items:center;justify-content:center;margin-left:.6rem;cursor:pointer}.settingsForm>label{font-size:1rem;margin-top:1.4rem}.settingsForm>input{color:grey;margin:.8rem 0;height:30px;border:none;border-bottom:1px solid #d3d3d3}.settingsSubmit{align-self:center;background-color:#f08080}.dataButton,.settingsSubmit{width:150px;border:none;border-radius:.5rem;color:#000;padding:.5rem;margin-top:1rem;cursor:pointer;font-size:1rem}.dataButton{background-color:#e3e7ad}.deleteButton{width:150px;border:none;border-radius:.5rem;color:#000;background-color:#f05a46;padding:.5rem;margin-top:1rem;cursor:pointer;font-size:1rem;float:right}.single{display:flex}.singlePost{flex:9 1}.singlePostWrapper{padding:1.2rem 3rem 1.2rem 1.2rem}.singlePostImg{width:100%;height:300px;border-radius:10px;object-fit:cover}.singlePostTitle{text-align:center;margin:.5rem;font-family:"Lora",sans-serif;font-size:1.8rem}.singlePostEdit{margin:.5rem;float:right;font-size:1.2rem}.singlePostIcon{margin-right:.5rem;cursor:pointer}.singlePostIcon:first-child{color:#63639b}.singlePostIcon:last-child{color:#b34c3a}.singlePostInfo{margin-top:.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;font-size:1.2rem;color:#b19656;font-family:"Roboto",sans-serif}.singlePostDesc,.singlePostDescInput{font-size:1.5rem;line-height:1.8rem}.singlePostDescInput{border:none}.singlePostDescInput:focus{outline:none}.singlePostDesc:first-letter{margin-left:1rem;font-size:2rem;font-weight:600}.singlePostButton{width:100px;border:none;background-color:teal;padding:5px;color:#fff;border-radius:5px;cursor:pointer;float:right;margin-top:20px}.write{padding:3rem}.writeImg{margin-left:6rem;width:50vw;height:300px;border-radius:10px;object-fit:cover}.writeForm{position:relative}.writeFormGroup{margin-left:6rem;margin-bottom:.8rem}.writeFormGroup,.writeIcon{display:flex;align-items:center}.writeIcon{width:30px;height:30px;border-radius:40%;border:1px solid #000;color:rgba(102,102,218,.984313725490196);justify-content:center;cursor:pointer;font-size:1.2rem;margin-top:.3rem}.writeInput{font-size:1.5rem;border:none;padding:1rem;width:70vw}.writeInput:focus{outline:none}.writeText{height:90vh;background:var(--background-color);color:var(--text-color)}.writeSubmit{position:absolute;top:.3rem;right:2.5rem;color:#fff;background-color:teal;padding:.5rem;border:none;border-radius:10px;cursor:pointer;font-size:1rem}.login{height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),url(/static/media/login2.8f679c57.jpg) no-repeat 50%/cover;background-size:cover;font-family:"Lora Sans",sans-serif;color:#000}.loginTitle{font-size:2.5rem}.loginForm{margin-top:1rem;display:flex;flex-direction:column}.loginForm>label{margin:1rem 0}.loginInput{background-color:#fff}.logButton,.loginInput{padding:.5rem;border:none}.logButton{margin-top:1rem;background-color:#f08080;color:#000;border-radius:10px;cursor:pointer}.logButton:disabled{cursor:not-allowed;background-color:#e9b0b0}.registerButton{position:absolute;top:160px;right:100px;background-color:#e2df4c;color:#000;border:none;padding:.5rem;border-radius:10px;cursor:pointer}.register{height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.1)),url(/static/media/login3.1dfca7cd.jpg) no-repeat 50%/cover;background-size:cover;font-family:"Lora Sans",sans-serif;color:#000}.registerTitle{font-size:2.5rem}.registerForm{margin-top:1rem;display:flex;flex-direction:column}.registerForm>label{margin:1rem 0}.registerInput{padding:.5rem;background-color:#fff;border:none}.regButton{margin-top:1rem;background-color:#e2df4c;color:#000;border:none;border-radius:10px;padding:.5rem;cursor:pointer}.regButton:disabled{cursor:not-allowed;background-color:#e9e796}.loginButton{position:absolute;top:160px;right:100px;background-color:#f08080;color:#000;border:none;padding:.5rem;border-radius:10px;cursor:pointer}.info{display:flex;align-items:center;flex-direction:column;width:100%;margin:2rem}.question1,.question2,.question3,.question4{font-size:2rem;font-family:"Roboto",sans-serif;font-style:italic;font-weight:200}.question2,.question3,.question4{margin-top:1.2rem}.question1para,.question2para{width:60%;font-size:1.2rem;padding-top:.8rem;line-height:1.4}.question1para:first-letter,.question2para:first-letter{font-style:bold;font-size:1.4rem;font-weight:700}.question1cite{margin-top:1rem;font-size:1.2rem;margin-bottom:1rem}.info ul{margin-top:1rem;margin-right:6.5rem}.info li{list-style:none;margin-top:.3rem;font-size:1.2rem}.listitem:first-letter{font-style:bold;font-size:1.4rem;font-weight:700}.footer{text-align:center;font-size:1.2rem;font-family:"Roboto",sans-serif;padding-bottom:.4rem}
/*# sourceMappingURL=main.e5d0ac1d.chunk.css.map */