.header{margin-top:60px;width:100%}.titles{align-items:center;color:#444;display:flex;flex-direction:column;font-family:Lora,serif}.titleSm{font-size:20px;position:absolute;top:10%}.titleLg{font-size:100px;position:absolute;top:12%}.headerImg{height:350px;margin-top:25px;object-fit:cover;width:100%}.post{margin-bottom:40px;width:80%}.postImg{border-radius:7px;height:350px;object-fit:cover;width:100%}.postInfo{align-items:center;display:flex;flex-direction:column}.postCat{color:#be9656;font-family:Varela Round,sans-serif;font-size:11px;font-weight:400;line-height:19px;margin-right:10px}.postCat,.postTitle{cursor:pointer;margin-top:15px}.postTitle{font-family:Lora,serif;font-size:24px;font-weight:700}@media screen and (max-width:768px){.post{width:95%}.postImg{height:200px}.postTitle{font-size:18px}}.details{display:flex;justify-content:space-between}.postAuthor,.postDate{color:#b39656;font-family:Varela Round,sans-serif;font-size:12px}.postDesc{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#444;display:-webkit-box;font-family:monospace,sans-serif;font-size:14px;line-height:18px;margin-top:15px;overflow:hidden;text-overflow:ellipsis}.posts{align-items:center;display:flex;flex:9 1;flex-wrap:wrap;justify-content:center;margin:20px}@media screen and (max-width:768px){.posts{margin:15px 0 0}}.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{border-radius:10px;height:200px;margin-top:15px;object-fit:cover;width:200px}.sidebarItem>p{font-family:monospace,sans-serif;padding:30px}.sidebarList{display:grid;grid-auto-flow:row;list-style-type:none;margin-bottom:30px;width:100%}.sidebarListItem{color:#b39656;cursor:pointer;display:inline-block;padding-bottom:5px}.sidebarSocials{align-items:center;display:flex;justify-content:center;margin-top:15px;width:250px}.sidebarIcon{color:#000;cursor:pointer;font-size:16px;margin-left:10px}.home{display:flex}.topbar{background-color:#fff;font-family:Josefin Sans,sans-serif;height:50px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}.left,.right,.topbar{align-items:center;display:flex}.left,.right{flex:3 1;justify-content:center}.icon{color:#444;cursor:pointer;font-size:20px;margin-right:10px}.icon:hover{font-size:24px}.image{border-radius:50%;cursor:pointer;height:40px;object-fit:cover;width:40px}.mid{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{font-size:22px}.hamburger{display:none;float:right}@media screen and (max-width:768px){.left{flex:0 1}.registerText{display:none}.right{justify-content:space-around}.icon{display:none}.hamburger{display:contents}.topListItem{cursor:pointer;font-size:12px;font-weight:300;margin-right:10px}.topListItem:hover{font-size:15px}}.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%}.singlePostCat{color:#be9656;cursor:pointer;font-family:Varela Round,sans-serif;font-size:15px;font-weight:400;line-height:19px;margin:15px auto 0;width:100px}.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-family:monospace,sans-serif;font-size:18px;line-height:25px;white-space:pre-wrap}.singlePostDesc:first-letter{font-size:30px;font-weight:600;margin-left:20px}.singlePostDescInput{border:none;color:#666;font-size:18px;height:100vh;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}@media screen and (max-width:768px){.singlePostWrapper{padding:10px}.singlePostImg{height:200px}.singlePostTitle{font-size:18px;margin:6px}.singlePostInfo{font-size:10px}.singlePostDesc{font-size:14px;line-height:20px}}.single,.write{display:flex}.write{align-items:center;flex-direction:column;justify-content:center;margin-top:50px}.writeImg{border-radius:10px;height:300px;object-fit:cover;width:70%}.writeForm{width:70%}.writeFormGroup{width:100%}.writeFormGroup,.writeIcon{align-items:center;display:flex}.writeIcon{border:1px solid;border-radius:50%;color:gray;cursor:pointer;font-size:20px;height:25px;justify-content:center;margin-top:10px;width:25px}.writeInput{font-size:30px}.imageUrl,.writeInput{border:none;font-family:Lora,serif;margin-top:10px;width:100%}.imageUrl{border-bottom:1px solid #d3d3d3;font-size:20px}.imageUrl:focus,.writeInput:focus{outline:none}.writeFormGroup2{display:flex;flex-direction:column;width:100%}.writeText{border:none;font-size:20px;height:100vh;margin-top:15px;width:100%}.writeText:focus{outline:none}.writeSubmit{background-color:teal;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;margin-left:auto;margin-top:10px;padding:10px;width:100px}@media screen and (max-width:768px){.writeImg{height:175px;width:90%}.writeIcon{font-size:12px;height:20px;width:20px}.writeForm{width:90%}.writeInput{font-size:20px}.imageUrl,.writeInput{border-bottom:1px solid #d3d3d3;padding-left:10px;width:100%}.imageUrl{font-size:10px}.writeText{font-size:15px}.writeSubmit{cursor:pointer;font-size:10px;padding:8px;width:60px}}.settings{display:flex}.settingsWrapper{flex:9 1;padding:20px}.settingsTitle{align-items:center;display:flex;justify-content:space-between}.settingsUpdateTitle{color:#f08080;font-size:30px;margin-bottom:20px}@media screen and (max-width:768px){.settingsUpdateTitle{font-size:15px}}.settingsDeleteTitle{color:red;cursor:pointer;font-size:12px}.settingsForm{display:flex;flex-direction:column}.settingsPP{align-items:center;display:flex;margin:10px 0}.settingsPP>img{border-radius:20px;height:70px;object-fit:cover;width:70px}.settingsPPIcon{align-items:center;background-color:#f08080;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:25px;justify-content:center;margin-left:10px;width:25px}.settingsForm>label{font-size:20px;margin-top:20px}.settingsForm>input{border:none;border-bottom:1px solid #d3d3d3;color:gray;height:30px;margin:10px 0}.settingsSubmit{align-self:center;background-color:teal;border:none;border-radius:10px;color:#fff;cursor:pointer;margin:20px;padding:10px;width:150px}.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;display:flex;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;padding:10px}.loginButton{background-color:#f08080;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:20px;padding:10px}.loginButton:disabled{background-color:#f7b0b0;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;width:100%}.registerTitle{font-size:50px}.registerForm{display:flex;flex-direction:column;margin-top:20px}.registerForm>label{margin:10px 0}.registerInput{background-color:#fff;border:none;padding:10px}.registerButton{background-color:teal;margin-top:20px}.registerButton,.registerLoginButton{border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px}.registerLoginButton{background-color:#f08080;position:absolute;right:20px;top:60px}
/*# sourceMappingURL=main.a0cf7fba.css.map*/