.top{width:100%;height:50px;background-color:#fff;position:sticky;top:0;justify-content:space-around;z-index:999;font-family:"Josefin Sans",sans-serif}.top,.topLeft,.topRight{display:flex;align-items:center}.topLeft,.topRight{justify-content:center}.h1Title{font-size:17px;color:#444;font-family:"Varela",sans-serif}.topIcon{font-size:20px;margin-right:10px;color:#444;cursor:pointer}.topCenter{display:flex;justify-content:space-around}.topList{display:flex;justify-content:center;margin:0;padding:0;list-style:none}.topListItem{margin-right:20px;font-size:18px;font-weight:300;cursor:pointer}.topListItem:hover{color:grey;text-decoration:underline}.topImg{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:15px;cursor:pointer}.topSearchIcon{font-size:18px;color:#666;cursor:pointer}@media (max-width:768px){.top{width:auto;flex-wrap:wrap;padding:45px;align-items:center;text-align:center}.h1Title{font-size:30px;margin:0 10px}.greet,.set,.topImg{display:none}.topListItem{font-size:14px;margin:5px 10px}}.register{height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(hsla(0,0%,100%,.5),rgba(156,8,8,.5)),url(https://images.unsplash.com/photo-1586769852836-bc069f19e1b6?auto=format&fit=crop&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&q=80&w=1350);background-size:cover}.registerTitle{font-size:50px}.registerForm{margin-top:20px;display:flex;flex-direction:column}.registerForm>label{margin:10px 0}.registerInput{padding:10px;background-color:#fff;border:none;border-radius:10px}.registerInput:focus{outline:none}.registerButton{margin-top:20px;background-color:#9c0808;text-align:center}.loginButton,.registerButton{cursor:pointer;color:#fff;padding:10px;border:none;border-radius:10px}.loginButton{position:absolute;top:60px;right:20px;background-color:#e62746}.login{height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(rgba(156,8,8,.5),hsla(0,0%,100%,.5)),url(https://images.unsplash.com/photo-1586769852836-bc069f19e1b6?auto=format&fit=crop&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&q=80&w=1350);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;border-radius:10px}.loginInput:focus{outline:none}.loginBtn{margin-top:20px;cursor:pointer;background-color:#9c0808;color:#fff;padding:10px;border:none;border-radius:10px;text-align:center}.loginBtn:disabled{cursor:not-allowed;background-color:grey}.registerBtn{position:fixed;top:60px;right:20px;background-color:#e62746;cursor:pointer;padding:10px;border:none;color:#fff;border-radius:10px}@media(max-width:768px){.login{height:calc(100vh + 50px);width:100%}.registerBtn{display:none}}.sidebar{flex:3 1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:20px;padding-bottom:30px;background-color:#faeaea;border-radius:10px;flex-direction:column}.sidebar,.sidebarItem{display:flex;align-items:center}.sidebarItem{flex-direction:column}.sidebarTitle{margin:10px;padding:5px;width:80%;border-top:1px solid #a7a4a4;border-bottom:1px solid #a7a4a4;text-align:center;font-family:"Varela Round",sans-serif;font-size:12px;line-height:19px;color:#222;font-weight:600}.sidebarItem>img{margin-top:15px;width:250px;height:250px}.sidebarItem>p{padding:30px}.sidebarList{display:flex;flex-direction:column;list-style-type:none;margin-bottom:30px}.sidebarListItem{width:50%;margin-top:15px;cursor:pointer}.sidebarSocial{margin-top:15px;width:250px;display:flex;align-items:center;justify-content:center}.sidebarIcon{font-size:16px;margin-left:10px}@media(max-width:768px){.sbi{display:none}}.settings{display:flex}.settingsWrapper{flex:9 1;padding:20px}.settingsTitle{display:flex;align-items:center;justify-content:space-between}.settingsTitleUpdate{font-size:30px;margin-bottom:20px;color:#9c0808}.settingsTitleDelete{color:red;font-size:15px;cursor:pointer}.settingsForm{display:flex;flex-direction:column}.settingsPP{display:flex;align-items:center;margin-top:10px;margin-bottom:10px}.settingsPP>img{height:70px;width:70px;border-radius:20px;object-fit:cover}.settingsPPIcon{width:25px;height:25px;padding:5px;display:flex;justify-content:center;align-items:center;border:none;border-radius:50%;margin-left:10px;color:#fff;background-color:#9c0808;cursor:pointer}.settingsPPButton:focus{outline-style:none}.settingsForm>label{font-size:20px;margin-top:20px}.settingsPPInput{width:30%}.settingsForm>input{color:grey;margin-top:10px;margin-bottom:10px;height:30px;border:none;border-bottom:1px solid #d3d3d3}.settingsSubmitButton{align-self:center;width:150px;border:none;border-radius:10px;color:#fff;background-color:#e62746;padding:10px;margin:20px;cursor:pointer}.buttons,.settingsCancelButton,.settingsSubmitButton{display:flex;align-items:center;justify-content:center}.settingsCancelButton{align-self:center;width:150px;border:none;border-radius:10px;color:#fff;background-color:#2f4f4f;padding:10px;cursor:pointer;margin:20px 15px}.settingsSubmitButton:hover{background-color:#9c0808}.write{padding-top:50px}.writeImg{width:100%;height:380px;margin-top:80px;object-fit:cover;object-position:0 40%;opacity:.7;z-index:1}.writeForm{position:relative}.writeFormGroup{margin-left:150px}.writeFormGroup,.writeIcon{display:flex;align-items:center}.writeIcon{width:25px;height:25px;font-size:20px;border:1px solid;border-radius:50%;color:#817d7d;justify-content:center;cursor:pointer}.writeInput{font-size:30px;border:none;padding:20px;width:70vw}.writeInput::-webkit-input-placeholder{color:#bdb9b9;font-weight:400}.writeInput:-ms-input-placeholder{color:#bdb9b9;font-weight:400}.writeInput::placeholder{color:#bdb9b9;font-weight:400}.writeInput:focus{outline-style:none}.writeCat,.writeText{width:70vw;height:10vh;font-family:inherit;font-size:20px;border:1px dotted grey}.writeSubmit{position:absolute;top:20px;right:50px;color:#fff;background-color:#e62746;padding:10px;border:none;border-radius:10px;font-size:16px;cursor:pointer;display:flex;align-items:center}@media(max-width:768px){.writeFormGroup{margin-left:75px;margin-bottom:20px;justify-content:center}.writeImg{object-fit:scale-down;margin-left:40px}.writeSubmit{top:100%;left:50%;margin:30px 0}}.single{display:flex}@media(max-width:768px){.single{flex-direction:column}}.singlePost{flex:9 1}.singlePostWrapper{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:20px 0 20px 20px}.singlePostImg{width:385px;height:280px;object-fit:cover;object-position:0 30%}.singlePostTitle{font-family:"Lora",sans-serif}.singlePostTitle,.singlePostTitleInput{text-align:center;margin:10px;font-size:28px}.singlePostTitleInput{font-family:"Lora",serif;color:grey;border:none;border-bottom:1px solid #d3d3d3;outline:none}.singlePostEdit{display:flex;justify-content:center;margin:10px;font-size:16px}.singlePostIcon{margin:0 20px;cursor:pointer;align-items:center}.singlePostIcon:first-child{color:teal}.singlePostIcon:last-child{color:tomato}.singlePostInfo{margin-bottom:20px;display:flex;justify-content:space-between;flex-direction:column;align-items:center;font-size:16px;font-family:"Varela Round",Arial,Helvetica,sans-serif}.singlePostAuthor{color:#9c0808}.singlePostDate{font-family:"Lora",serif;font-style:italic;font-size:15px;font-weight:400;color:#423737;margin-top:15px}.singlePostDesc{font-family:"Varela Round",Arial,Helvetica,sans-serif;font-weight:400;font-size:20px;line-height:24px;color:#444;margin-top:15px}.singlePostDescInput{border:none;color:#666;font-size:18px;line-height:25px;outline:none}.singlePostButton{width:100px;border:none;background-color:#9c0808;padding:5px;color:#fff;border-radius:5px;cursor:pointer;align-self:center;margin-top:20px}@media(max-width:768px){.singlePostImg{width:80%;object-fit:scale-down}.singlePostDesc{font-size:15px;text-align:center;padding:10px}}.header{margin-top:60px}.headerTitles{display:flex;flex-direction:column;align-items:center;font-family:"Lora",serif;color:#9c0808}.headerTitleSm{position:absolute;top:18%;font-size:20px}.headerTitleLg{position:absolute;top:13%;font-size:100px;z-index:10}.headerImg{width:100%;height:450px;margin-top:80px;object-fit:cover;opacity:.5;z-index:1}@media(max-width:768px){.header{display:none;width:100%;justify-content:center}.headerTitleLg{left:23%;font-size:4rem;top:46%;text-align:center}.headerImg{margin:0 20px;object-fit:scale-down}}.post{width:385px;margin:0 25px 40px;display:flex;flex-direction:column}.postImg{width:385px;height:280px;object-fit:cover;object-position:0 30%}.postInfo{display:flex;flex-direction:column;align-items:center}.postCat{font-family:"Varela Round",Arial,Helvetica,sans-serif;font-weight:400;font-size:13px;color:#9c0808;line-height:19px;margin-top:15px;margin-right:10px;cursor:pointer}.postTitle{display:flex;font-family:"Josefin Sans",Arial,Helvetica,sans-serif;font-size:24px;font-weight:900;margin:25px 0;cursor:pointer}.postDate{font-family:"Lora",serif;font-style:italic;font-size:15px;color:#423737}.postDate,.postDesc{font-weight:400;margin-top:15px}.postDesc{font-family:"Varela Round",Arial,Helvetica,sans-serif;font-size:14px;line-height:24px;color:#444;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}@media(max-width:768px){.post,.postImg{width:100%}.postImg{object-fit:scale-down}}.posts{flex:9 1;flex-wrap:wrap;margin:20px}.home,.posts{display:flex}@media(max-width:768px){.home{flex-direction:column-reverse}}
/*# sourceMappingURL=main.f94c741d.chunk.css.map */