body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.wrapper{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:none}.spinner{width:300px;text-align:center}.spinner>div{width:36px;height:36px;background-color:#333;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s ease-in-out infinite both}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}nav{width:100%;height:50px;background-color:#fff;position:-webkit-sticky;position:sticky;top:0;display:flex;align-items:center;font-weight:600;font-family:"Josefin Sans",sans-serif}.nav__projectName{color:#22223b;text-decoration:none;font-size:1.25em;padding-right:1em}.nav__left{flex:5 1;display:flex;align-items:center;justify-content:flex-start}.topIcon{font-size:20px;margin-right:20px;color:#444;cursor:pointer}.topImg{margin-top:20px;width:40px;height:40px;border-radius:50%;object-fit:cover}.topSearchIcon{font-size:18px;color:#666;cursor:pointer;margin-left:15px}.nav__authLinks{flex:4 1}.authLink{color:#22223b;text-decoration:none;transition:color .2s ease-in-out}.authLink:hover{color:teal}.nav-logoutbtn{font-size:1em;font-family:"Josefin Sans",sans-serif;font-weight:600;padding:.5em 1em;margin-left:1em;background-color:teal;box-shadow:0 0 5px 0 #f0f8ff;border:none;border-radius:5px;cursor:pointer;color:#e3f2ff;transition:all .2s ease-in-out}.nav-logoutbtn:hover{transform:scale(1.05);background-color:#d13e3e}.settingsBtn{margin-left:450px;margin-right:25px}.header{margin-top:60px}.headerTitles{display:flex;flex-direction:column;align-items:center;font-family:"Lora",serif;color:#444}.headerTitleSm{position:absolute;top:14%;font-size:20px}.headerTitleLg{position:absolute;top:16%;font-size:100px}.headerImg{width:100%;height:450px;margin-top:80px;object-fit:cover}.homepage{display:flex}form.auth__form{display:flex;justify-content:center;flex-direction:column;align-content:center;max-width:300px;margin:0 auto}button.button__submit{max-width:100px;margin:1em auto}.signup{height:calc(100vh - 50px);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(https://images.unsplash.com/photo-1506477331477-33d5d8b3dc85?auto=format&fit=crop&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&q=80&w=734);background-size:cover}.signupTitle{font-size:50px}.signupForm{margin-top:20px;display:flex;flex-direction:column}.signupForm>label{margin:10px 0}.signupInput{padding:10px;background-color:#fff;border:none}.signupButton{margin-top:20px;cursor:pointer;background-color:#219ebc;border:none;color:#fff;border-radius:10px;padding:10px}.signupButton:hover{background-color:#90e0ef}.login{height:calc(100vh - 50px);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(https://images.unsplash.com/photo-1506477331477-33d5d8b3dc85?auto=format&fit=crop&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&q=80&w=734);background-size:cover}.loginTitle{font-size:50px}.loginForm{margin-top:20px;display:flex;flex-direction:column}.loginForm>label{margin:10px 0}.loginInput{padding:10px;background-color:#fff;border:none}.loginButton{margin-top:20px;cursor:pointer;background-color:#219ebc;border:none;color:#fff;border-radius:10px;padding:10px}.loginButton:hover{background-color:#90e0ef}.flex{justify-content:space-around;flex-wrap:wrap}.flex,.post{display:flex}.post{flex-direction:column;justify-content:space-evenly;align-items:flex-start;width:30%;height:250px;margin-top:35px;text-decoration:none;color:#6c757d}h3{padding:10px}.postImg{max-width:100%;max-height:100%;border-radius:10px}.write{padding-top:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.writeImg{width:65vw;height:300px;border-radius:10px;object-fit:cover}.writeForm{position:relative}.writeFormGroup{margin-left:150px}.writeFormGroup,.writeIcon{display:flex;align-items:center}.writeIcon{width:25px;height:25px;border-radius:50%;border:1px solid;justify-content:center;font-size:20px;color:#797676;cursor:pointer}.writeInput{font-size:30px;border:none;padding:20px;width:70vw}.writeInput:focus{outline:none}.writeText{font-size:20px;height:20vh}.writeSubmit{position:absolute;bottom:-50px;left:150px;color:#fff;background-color:teal;padding:10px;border:none;border-radius:10px;cursor:pointer;font-size:16px}.singlepost{max-width:900px;margin:0 auto}.singlepostWrapper{display:flex;flex-direction:column}.singlePostImg{width:100%;height:300px;object-fit:cover;border-radius:10px;margin-top:50px}.singlePostTitle{text-align:center;margin:10px;font-family:"Lora",serif;font-size:28px}.singlePostEdit{float:right;font-size:16px}.singlePostIcon{margin-left:10px;cursor:pointer}.singlePostIcon:last-child{color:teal}.delete-btn,.edit-btn{border:none;background:none}.singlePostInfo{margin-bottom:20px;display:flex;justify-content:space-between;font-size:16;color:#b39656}.singlePostAuthor{font-size:16;color:#b39656;text-decoration:none}.singlePostDesc{color:#666;font-size:18px;line-height:25px}.settings{margin-top:100px;justify-content:center}.settings,.settingsTitle{display:flex;align-items:center}.settingsTitle{justify-content:space-between}.settingsUpdateTitle{font-size:30px;margin-bottom:20px;color:teal}.settingsDeleteTitle{font-size:25px;font-weight:700;color:#fff;cursor:pointer;margin-top:50px;margin-left:5px;padding:10px;border:none;background-color:#9de7e4;border-radius:15px}.settingsDeleteTitle:hover{background-color:#fff;color:red}.settingsForm{display:flex;flex-direction:column}.settingsPP{display:flex;align-items:center;margin:10px 0}.settingsPP>img{width:70px;height:70px;border-radius:20px;object-fit:cover;margin-left:5px;margin-right:10px}.settingsForm>label{font-size:20px;margin-top:20px;color:#adb5bd}.changeUsernameBtn{margin-left:300px}.changeUsernameBtn,.profilePicButton{width:150px;align-self:center;border:none;border-radius:10px;color:#fff;background-color:teal;padding:5px}.profilePicButton{margin-left:150px}.editpost{margin-top:100px;flex-direction:column;justify-content:center}.editpost,.editTitle{display:flex;align-items:center}.editTitle{justify-content:space-between}.editUpdateTitle{font-size:30px;margin-bottom:20px;color:teal}.editForm{display:flex;flex-direction:column}.editPP{display:flex;align-items:center;margin:10px 0}.editForm>label{font-size:20px;margin-top:20px;color:#adb5bd}input{color:#adb5bd;margin-top:10px;height:30px;border:none}.editPhotoButton{margin-left:550px}.editPhotoButton,.updateContentBtn{width:150px;border:none;border-radius:10px;color:#fff;background-color:teal;padding:5px}.updateContentBtn{margin-left:800px;margin-top:20px}
/*# sourceMappingURL=main.826a6d57.chunk.css.map */