.headerTitles{display:flex;flex-direction:column;align-items:center;font-family:"Poppins",sans-serif;font-weight:600;color:#fff;text-shadow:1px 1px 1px #000,3px 3px 5px #17d059}.headerTitleSm{position:absolute;top:18%;font-size:20px}.headerTitleLg{position:absolute;top:20%;font-size:5rem}.headerImg{width:100%;height:650px;object-fit:cover}.post{width:385px;margin:1rem;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:1rem;border:4px solid #17d059;text-align:center;transition:.2s ease-in;height:300px}.post:hover{transform:scale(1.02);box-shadow:5px 5px #005800,10px 10px #007e04,15px 15px #00a633,20px 20px #17d059;transition:.1s ease-in}.postImg{width:100%;height:280px;object-fit:cover;border-radius:7px}.postInfo{display:flex;flex-direction:column;align-items:center}.postCat{font-family:"Varela Round",sans-serif;font-size:11px;color:#be9656;line-height:20px;margin-right:10px}.postCat,.postTitle{margin-top:15px;cursor:pointer}.postTitle{font-size:24px;font-weight:700}.postDate,.postTitle{font-family:"Poppins",sans-serif}.postDate{font-style:italic;font-size:13px;color:#999;margin-top:15px}.postDesc{font-family:"Varela Round",sans-serif;font-size:14px;color:#444;line-height:24px;margin-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.posts{flex:9 1;display:flex;flex-wrap:wrap;margin:20px}.sidebar{flex:3 1;margin:20px;padding-bottom:30px;background-color:#fdfbfb;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;font-family:"Varela Round",sans-serif;font-size:12px;color:#222;font-weight:600;line-height:20px;text-align:center}.sidebarItem>img{margin-top:15px}.sidebarItem>p{padding:30px}.sidebarList{list-style:none;margin-bottom:30px}.sidebarListItem{display:inline-block;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;cursor:pointer}.home,.top{display:flex}.top{width:100%;height:50px;background-color:#fff;position:-webkit-sticky;position:sticky;top:0;align-items:center;font-family:"Poppins",sans-serif;z-index:999;margin:auto}.userName{text-decoration:none;color:#17d059;font-size:1.25rem}.topCenter{width:100%;margin:0 5rem;display:flex;justify-content:space-around}.topIcon{font-size:20px;margin-right:10px;color:#444;cursor:pointer}.topImg{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer}.topList{display:flex;justify-content:left;margin:0;padding:0;list-style:none}.topListItem{margin-right:20px;font-weight:300}.topListItem,.topSearchIcon{font-size:18px;cursor:pointer}.topSearchIcon{color:#666;margin-left:15px}.single{display:flex}.singlePost{flex:9 1;padding:2rem 5rem}.singlePostWrapper{padding:20px 0 20px 20px;display:flex;flex-direction:column}.singlePostImg{width:100%;height:300px;border-radius:5px;object-fit:cover}.singlePostTitle,.singlePostTitleInput{text-align:center;margin:10px;font-family:"Poppins",sans-serif;font-size:28px}.singlePostTitleInput{color:grey;border:none;border-bottom:1px solid #d3d3d3}.singlePostTitleInput:focus{outline:none}.singlePostEdit{float:right;font-size:16px}.singlePostIcon{margin-left:10px;cursor:pointer;font-size:1.5rem}.singlePostIcon:first-child{color:teal}.singlePostIcon:last-child{color:tomato}.singlePostInfo{margin-bottom:20px;display:flex;justify-content:space-between;font-size:16px;font-family:"Varela Round",sans-serif;color:#b39656}.singlePostDesc{color:#000;font-size:24px;line-height:2.5rem;font-family:"Poppins",sans-serif;padding:2rem 0}.singlePostDesc:first-letter{margin-left:20px;font-size:30px;font-weight:600}.singlePostDescInput{border:none;color:#666;font-size:18px;line-height:25px}.singlePostDescInput:focus{outline:none}.singlePostButton{width:100px;border:none;background-color:teal;padding:5px;color:#fff;border-radius:5px;cursor:pointer;align-self:flex-end;margin-top:20px}.write{padding-top:50px}.writeImg{margin-left:150px;width:70vw;height:250px;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:100vh}.writeSubmit{position:absolute;top:20px;right:50px;color:#fff;background-color:teal;padding:10px;border:none;border-radius:10px;cursor:pointer;font-size:16px}.settings{display:flex;font-family:"Poppins",sans-serif;font-size:1.25rem}.settingsWrapper{flex:9 1;padding:5rem;border-radius:1rem;border:4px solid #17d059;margin:2rem}.settingsTitle{display:flex;align-items:center;justify-content:space-between}.settingsUpdateTitle{font-size:30px;margin-bottom:20px;color:#f08080}.settingsDeleteTitle{color:#fff;padding:1rem;border-radius:1rem;font-size:12px;cursor:pointer;font-family:"Poppins",sans-serif;font-size:1.25rem;background-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}.settingsPPIcon{width:25px;height:25px;border-radius:50%;background-color:#f08080;color:#fff;display:flex;align-items:center;justify-content:center;margin-left:10px;cursor:pointer}.settingsForm>label{font-size:20px;margin-top:20px}.settingsForm>input{color:grey;margin:10px 0;height:30px;border:none;border-bottom:1px solid #d3d3d3}.settingsSubmit{width:150px;align-self:center;border:none;border-radius:10px;color:#fff;background-color:teal;padding:10px;margin-top:20px;cursor:pointer;font-family:"Poppins",sans-serif;font-size:1.25rem}.login{height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(rgba(0,0,0,.5),hsla(0,0%,100%,.5)),url(https://user-images.githubusercontent.com/60937304/164972670-51318f0f-b7ac-4726-84c4-89e762153cc7.jpg);background-size:100%}.loginTitle{font-size:50px;font-weight:800;color:#fff;text-shadow:1px 1px 1px #000,3px 3px 5px #17d059}.loginForm,.loginTitle{font-family:"Poppins",sans-serif}.loginForm{margin-top:20px;display:flex;flex-direction:column}.loginForm>label{margin:10px 0;font-family:"Poppins",sans-serif;color:#fff;font-size:1.25rem}.loginInput{background-color:#fff}.loginButton,.loginInput{padding:10px;border:none;font-family:"Poppins",sans-serif;font-size:1.25rem}.loginButton{margin-top:20px;cursor:pointer;background-color:#17d059;color:#fff;border-radius:10px}.loginButton:disabled{cursor:not-allowed;background-color:#fcadad}.loginRegisterButton{position:absolute;top:60px;right:20px;background-color:teal;cursor:pointer;border:none;padding:10px;color:#fff;border-radius:10px;font-family:"Poppins",sans-serif;font-size:1.25rem}.register{height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(rgba(0,0,0,.5),hsla(0,0%,100%,.5)),url(https://user-images.githubusercontent.com/60937304/164972810-9cf6e53e-f7b9-40e6-9ee9-0b3df0001cc1.jpg);background-size:cover}.registerTitle{font-size:50px;font-weight:800;color:#fff;text-shadow:1px 1px 1px #000,3px 3px 5px #17d059}.registerForm,.registerTitle{font-family:"Poppins",sans-serif}.registerForm{margin-top:20px;display:flex;flex-direction:column}.registerForm>label{margin:10px 0;font-family:"Poppins",sans-serif;color:#fff;font-size:1.25rem}.registerInput{background-color:#fff}.registerButton,.registerInput{padding:10px;border:none;font-family:"Poppins",sans-serif;font-size:1.25rem}.registerButton{margin-top:20px;cursor:pointer;background-color:teal;color:#fff;border-radius:10px}.registerLoginButton{position:absolute;top:60px;right:20px;background-color:#17d059;cursor:pointer;border:none;padding:10px;color:#fff;border-radius:10px;font-family:"Poppins",sans-serif;font-size:1.25rem}
/*# sourceMappingURL=main.66fe8d55.chunk.css.map */