*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0}.top{width:100%;height:50px;background-color:#b5a7e9;position:sticky;top:0;display:flex;align-items:center;font-family:Josefin Sans,sans-serif;z-index:999}.topL{text-decoration:none;color:#fffdfd;font-weight:600}.topLeft,.topRight{flex:3;display:flex;align-items:center;justify-content:center}.topCenter{flex:6}.topImage{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer}.topIcon{font-size:20px;margin-right:10px;color:#fffdfd;cursor:pointer}.topList{display:flex;justify-content:center;list-style:none;margin:0}.topListItem{margin-right:20px;font-size:18px;font-weight:300;cursor:pointer}.topSearchIcon{font-size:18px;color:#fffdfd;cursor:pointer;margin-left:15px}.header{margin-top:60px}.headerTitles{display:flex;flex-direction:column;align-items:center;font-family:Lora,serif;color:#444}.headerTitleSm{position:absolute;top:18%;font-size:20px}.headerTitleLg{position:absolute;top:20%;font-size:100px}.headerImg{width:100%;height:450px;margin-top:80px;object-fit:cover}.home{display:flex}.posts{flex:9;display:flex;flex-wrap:wrap;margin:20px}.post{width:385px;margin:0 25px 40px}.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,serif;font-size:11px;color:#be9656;line-height:0px;margin-top:15px;margin-right:10px;cursor:pointer}.postTitle{font-family:Josefin Sans,serif;font-size:24px;font-weight:700;margin-top:15px;cursor:pointer}.postDate{font-family:Lora,serif;font-style:italic;font-style:13px;color:#999;margin-top:15px}.postDesc{font-family:Varela Round,serif;font-size:14px;color:#444;line-height:24px;margin-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.sidebar{flex:3;margin:20px;padding-bottom:30px;background-color:#fdfbfb;display:flex;flex-direction:column;align-items:center}.sidebarItem{display:flex;flex-direction:column;align-items:center}.sidebarTitle{margin:10px;padding:5px;width:80%;border-top:1px solid #a7a4a4;border-bottom:1px solid #a7a4a4;font-family:Varela Round,Arial,sans-serif;font-size:12px;color:#222;font-weight:600;line-height:20px;text-align:center}.sidebar>img{margin-top:15px}.sidebar>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}.single{display:flex}.singlePost{flex:9;margin-right:20px}.singlePostWrapper{padding:20px 0 20px 20px;display:flex;flex-direction:column}.singlePostImg{width:100%;height:300px;border-radius:5px;object-fit:cover}.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:first-child{color:teal}.singlePostIcon:last-child{color:tomato}.singlePostInfo{margin-bottom:20px;display:flex;justify-content:space-between;font-size:16px;color:#b39656}.singlePostDesc{color:#666;font-size:18px;line-height:25px}.singlePostDesc:first-letter{margin-left:20px;font-size:30px;font-weight:600px}.singlePostTitleInput{margin-left:10px;font-size:30px;text-align:center;font-family:Lora,serif;border:none;border-bottom:1px solid lightgray;color:gray}.singlePostTitleInput:focus{outline:none}.singlePostDescInput{color:#666;font-size:18px;line-height:25px;border:none}.singlePostDescInput:focus{outline:none}.singlePostUpdateButton{border:none;background-color:teal;padding:5px;color:#fff;width:100px;border-radius:5px;cursor:pointer;align-self:flex-end;margin-top:20px}.write{padding-top:50px}.writeForm{position:relative}.writeFormGroup{margin-left:150px;display:flex;align-items:center}.writeIcon{width:25px;height:25px;border-radius:50%;border:1px solid;display:flex;justify-content:center;font-size:20px;color:#797676;cursor:pointer}.writeInput{font-size:30px;border:none;padding:20px;width:70w}.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}.writeImg{margin-left:150px;margin-top:50px;width:70vw;height:250px;border-radius:10px;object-fit:cover}.settings{display:flex}.settingsWrapper{flex:9;padding:20px}.settingsTitle{display:flex;align-items:center;justify-content:space-between}.settingsUpdateTitle{font-size:30px;margin-bottom:20px;color:#f08080}.settingsDeleteTitle{font-size:12px;cursor:pointer;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{font-size:20px;margin:10px 0;color:gray;height:30px;border:none;border-bottom:1px solid lightgray}.settingsSubmit{width:150px;align-self:center;border:none;border-radius:10px;color:#fff;background-color:teal;padding:10px;margin-top:20px;cursor:pointer}.login{height:calc(100vh - 50px);display:flex;justify-content:center;align-items:center;flex-direction:column;background:linear-gradient(#ffffff80,#ffffff80),url(/assets/loginBackground-CiHOa6FL.jpg);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:#e75d5d;border:none;color:#fff;border-radius:20px;padding:10px}.loginButton:disabled{cursor:not-allowed;background-color:#ec9b7d}.loginRegisterButton{position:absolute;top:70px;right:20px;background-color:teal;cursor:pointer;border:none;padding:10px;color:#fff;border-radius:10px}.register{height:calc(100vh - 50px);display:flex;justify-content:center;align-items:center;flex-direction:column;background:linear-gradient(#ffffff80,#ffffff80),url(/assets/registarBackground-CNX8ADqu.jpg);background-size:cover}.registerTitle{font-size:50px}.registerForm{margin-top:20px;display:flex;flex-direction:column}.registerForm>label{margin:10px 0}.registerFormInput{padding:10px;background-color:#fff;border:none}.registerButton{margin-top:20px;cursor:pointer;background-color:teal;border:none;color:#fff;border-radius:20px;padding:10px}.registerLoginButton{position:absolute;top:80px;right:20px;background-color:#e75d5d;cursor:pointer;border:none;padding:10px;color:#fff;border-radius:10px}.about-sec{display:flex;justify-content:center;margin-top:100px}