.link{color:inherit;text-decoration:none}.top{background:#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}.topCenter{flex:6 1}.topIcon{color:#666;cursor:pointer;font-size:20px;margin-right:10px}.topImg{border-radius:50%;cursor:pointer;height:40px;object-fit:cover;width:40px}.topList{display:flex;justify-content:center;list-style-type:none;margin:0;padding:0}.topListItem{cursor:pointer;font-style:18px;font-weight:300;margin-right:20px}.topSearch{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid #666;border-radius:50px;display:flex;height:30px;justify-content:space-between;margin-left:15px;position:relative;transition:width .2s ease-out;width:30px}.topSearchIcon{cursor:pointer;left:6px;top:6px}.topSearchIcon,.topSearchInput{color:#666;font-size:18px;position:absolute}.topSearchInput{border:none;cursor:default;left:40px;padding:0;top:5px;transition:width .2s ease-out;width:0}.topSearchInput:focus{outline:none}.topSearchIconClose{color:#d9d9d9;cursor:pointer;font-size:18px;margin-right:6px;opacity:0;position:absolute;right:6px;top:6px;z-index:-1}.show{width:285px}.show .topSearchInput{width:200px}.show .topSearchIconClose{opacity:1;z-index:1}.post{margin:0 25px 40px;width:385px}.postImg{border-radius:7px;height:280px;object-fit:cover;scale:1;transition:.4s;width:100%}.postImg:hover{scale:1.01}.postInfo{align-items:center;display:flex;flex-direction:column}.postCat{color:#be9656;font-family:Varela Round,sans-serif;font-size:11px;line-height:20px;margin-right:10px}.postCat,.postTitle{cursor:pointer;margin-top:15px}.postTitle{font-family:Josefin Sans,sans-serif;font-size:24px;font-weight:700}.postDate{color:#999;font-family:Lora,serif;font-size:13px;font-style:italic;margin-top:15px}.postDesc{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#444;display:-webkit-box;font-family:Varela Round,sans-serif;font-size:14px;line-height:24px;margin-top:15px;overflow:hidden;text-align:justify;text-overflow:ellipsis}.posts{display:flex;flex:9 1;flex-wrap:wrap;margin:20px}.sidebar{background-color:#fdfbfb;border-radius:10px;flex:3 1;margin:20px;padding-bottom:30px}.sidebar,.sidebarItem{align-items:center;display:flex;flex-direction:column}.sidebarTitle{border-block:1px solid #a7a4a4;color:#222;font-family:Varela Round,sans-serif;font-size:12px;font-weight:600;line-height:20px;margin:10px;padding:5px;width:80%}.sidebarImg{height:280px;margin-top:15px;object-fit:cover;width:280px}.sidebarItem>p{padding:30px}.sidebarList{list-style:none;margin-bottom:30px;padding:0}.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{cursor:pointer;font-size:16px;margin-left:10px}.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%}.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;padding:10px}.loginButton{background-color:#f08080;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:20px;padding:10px}.loginButton:disabled{background-color:#f89595;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://img.freepik.com/photos-gratuite/coquillages-plage-sable-libre-idee-mise-au-point-selective-pour-economiseur-ecran-publicite_166373-2943.jpg?w=1060&t=st=1664543559~exp=1664544159~hmac=7491f34927dc8aac1ebb614497263ec7eb43817d7c9c00b8b4231efe7615c76c);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;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}.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}.settingsDeleteTitle{background-color:inherit;border:none;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-top:20px;padding:10px;width:150px}.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{text-align:center}.singlePostTitle,.singlePostTitleInput{font-family:Lora,serif;font-size:28px;margin:10px}.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}.singlePostDescription,.singlePostDescriptionInput{color:#666;font-size:18px;line-height:25px}.singlePostDescriptionInput{border:none}.singlePostDescriptionInput:focus{outline:none}.singlePostDescription:first-letter{font-size:30px;font-weight:600;margin-left:20px}.singlePostButtonUpdate{background-color:teal;margin-top:20px}.singlePostButtonCancel,.singlePostButtonUpdate{align-self:flex-end;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px;width:100px}.singlePostButtonCancel{background-color:grey;margin-top:10px}.single{display:flex}.write{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;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:#797676;cursor:pointer;font-size:20px;height:25px;justify-content:center;width:25px}.writeInput{background-color:initial;border:none;font-size:20px;outline:none;padding:20px;width:70vw}.writeText{font-style:20px;height:100vh}.writeSubmit{background-color:teal;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:10px;position:absolute;right:50px;top:20px}
/*# sourceMappingURL=main.d1733044.css.map*/