.top{background-color:#fff;font-family:Josefin Sans,sans-serif;height:50px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}.top,.topLeft,.topRight{align-items:center;display:flex}.topLeft,.topRight{flex:3 1;justify-content:center}.topIcon{color:#444;cursor:pointer;font-size:20px;margin-right:10px}.topCenter{flex:6 1}.topList{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.topListItem{cursor:pointer;font-size:18px;font-weight:300;margin-right:20px}.topListItem:hover{color:gray}.topImg{border-radius:50%;cursor:pointer;height:40px;margin-right:15px;object-fit:cover;width:40px}.topSearchIcon{color:#666;cursor:pointer;font-size:18px}.header{margin-top:60px}.headerTitles{align-items:center;color:#444;display:flex;flex-direction:column;font-family:Lora,serif}.headerTitleSm{font-size:20px;position:absolute;top:18%}.headerTitleLg{font-size:100px;position:absolute;top:20%}.headerImg{height:450px;margin-top:80px;object-fit:cover;width:100%}.post{display:flex;flex-direction:column;margin:0 25px 40px;width:385px}.postImg{border-radius:7px;height:280px;object-fit:cover;width:385px}.postInfo{align-items:center;display:flex;flex-direction:column}.postCat{color:#be9656;font-family:Varela Round,Arial,Helvetica,sans-serif;font-size:11px;font-weight:400;line-height:19px;margin-right:10px}.postCat,.postTitle{cursor:pointer;margin-top:15px}.postTitle{font-family:Josefin Sans,Arial,Helvetica,sans-serif;font-size:24px;font-weight:900}.postDate{color:#999;font-family:Lora,serif;font-size:13px;font-style:italic}.postDate,.postDesc{font-weight:400;margin-top:15px}.postDesc{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#444;display:-webkit-box;font-family:Varela Round,Arial,Helvetica,sans-serif;font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis}.posts{display:flex;flex:9 1;flex-wrap:wrap;margin:20px}.sidebar{background-color:#fdfbfb;border-radius:10px;flex:3 1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:20px;padding-bottom:30px}.sidebar,.sidebarItem{align-items:center;display:flex;flex-direction:column}.sidebarTitle{border-bottom:1px solid #a7a4a4;border-top:1px solid #a7a4a4;color:#222;font-family:Varela Round,sans-serif;font-size:12px;font-weight:600;line-height:19px;margin:10px;padding:5px;text-align:center;width:80%}.sidebarItem>img{height:250px;margin-top:15px;width:250px}.sidebarItem>p{padding:30px}.sidebarList{list-style-type:none;margin-bottom:30px}.sidebarListItem{cursor:pointer;display:inline-block;margin-top:15px;width:50%}.sidebarSocial{align-items:center;display:flex;justify-content:center;margin-top:15px;width:250px}.sidebarIcon{font-size:16px;margin-left:10px}.home,.login{display:flex}.login{align-items:center;background:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),url(https://images.pexels.com/photos/768473/pexels-photo-768473.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500);background-size:cover;flex-direction:column;height:calc(100vh - 50px);justify-content:center}.loginTitle{font-size:50px}.loginForm{display:flex;flex-direction:column;margin-top:20px}.loginForm>label{margin:10px 0}.loginInput{background-color:#fff;border:none;border-radius:10px;padding:10px}.loginInput:focus{outline:none}.loginButton{background-color:#f08080;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;text-align:center}.loginButton:disabled{background-color:#fcadad;cursor:not-allowed}.loginRegisterButton{background-color:teal;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px;position:absolute;right:20px;top:60px}.register{align-items:center;background:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),url(https://images.pexels.com/photos/317355/pexels-photo-317355.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-size:cover;display:flex;flex-direction:column;height:calc(100vh - 50px);justify-content:center}.registerTitle{font-size:50px}.registerForm{display:flex;flex-direction:column;margin-top:20px}.registerForm>label{margin:10px 0}.registerInput{background-color:#fff;border:none;border-radius:10px;padding:10px}.registerInput:focus{outline:none}.registerButton{background-color:teal;margin-top:20px;text-align:center}.registerButton,.registerLoginButton{border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px}.registerLoginButton{background-color:#f08080;position:absolute;right:20px;top:60px}.link{text-decoration:none}.settings{display:flex}.settingsWrapper{flex:9 1;padding:20px}.settingsTitle{align-items:center;display:flex;justify-content:space-between}.settingsTitleUpdate{color:#f08080;font-size:30px;margin-bottom:20px}.settingsTitleDelete{color:red;cursor:pointer;font-size:12px}.settingsForm{display:flex;flex-direction:column}.settingsPP{align-items:center;display:flex;margin-bottom:10px;margin-top:10px}.settingsPP>img{border-radius:20px;height:70px;object-fit:cover;width:70px}.settingsPPIcon{align-items:center;background-color:#f08080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:25px;justify-content:center;margin-left:10px;padding:5px;width:25px}.settingsPPButton:focus{outline-style:none}.settingsForm>label{font-size:20px;margin-top:20px}.settingsPPInput{width:30%}.settingsForm>input{border:none;border-bottom:1px solid #d3d3d3;color:gray;height:30px;margin-bottom:10px;margin-top:10px}.settingsSubmitButton{align-items:center;align-self:center;background-color:teal;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-top:20px;padding:10px;width:150px}.settingsSubmitButton:hover{background-color:#017272}.singlePost{flex:9 1}.singlePostWrapper{display:flex;flex-direction:column;padding:20px 0 20px 20px}.singlePostImg{border-radius:5px;height:300px;object-fit:cover;width:100%}.singlePostTitle,.singlePostTitleInput{font-family:Lora,serif;font-size:28px;margin:10px;text-align:center}.singlePostTitleInput{border:none;border-bottom:1px solid #d3d3d3;color:gray}.singlePostTitleInput:focus{outline:none}.singlePostEdit{float:right;font-size:16px}.singlePostIcon{cursor:pointer;margin-left:10px}.singlePostIcon:first-child{color:teal}.singlePostIcon:last-child{color:tomato}.singlePostInfo{color:#b39656;display:flex;font-family:Varela Round,sans-serif;font-size:16px;justify-content:space-between;margin-bottom:20px}.singlePostDesc{color:#666;font-size:18px;line-height:25px}.singlePostDesc:first-letter{font-size:30px;font-weight:600;margin-left:20px}.singlePostDescInput{border:none;color:#666;font-size:18px;line-height:25px}.singlePostDescInput:focus{outline:none}.singlePostButton{align-self:flex-end;background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:5px;width:100px}.single{display:flex}.write{padding-top:50px}.writeImg{border-radius:10px;height:250px;margin-left:150px;object-fit:cover;width:70vw}.writeForm{position:relative}.writeFormGroup{margin-left:150px}.writeFormGroup,.writeIcon{align-items:center;display:flex}.writeIcon{border:1px solid;border-radius:50%;color:#817d7d;cursor:pointer;font-size:20px;height:25px;justify-content:center;width:25px}.writeInput{border:none;font-size:30px;padding:20px;width:70vw}.writeInput::-webkit-input-placeholder{color:#bdb9b9;font-weight:400}.writeInput::placeholder{color:#bdb9b9;font-weight:400}.writeInput:focus{outline-style:none}.writeText{font-family:inherit;font-size:20px;height:100vh;width:70vw}.writeSubmit{align-items:center;background-color:teal;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;padding:10px;position:absolute;right:50px;top:20px}
/*# sourceMappingURL=main.9f44b09f.css.map*/