:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:1rem}header .logoContainer{display:flex;flex-direction:row;align-items:center;width:fit-content;gap:20px;margin-bottom:2rem;cursor:pointer}@media (max-width: 1024px){header .logoContainer{justify-content:center}}header .logoContainer h1{margin:0}header .logoContainer img{height:50px}.postContainer{display:flex;flex-wrap:wrap;gap:20px}.noResult{font-size:16px;line-height:18px}.noResult span{font-weight:600}.btn{all:unset;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:18px;line-height:20px}.btn.btnDefault{border:1px solid #4a4848}.btn.btnDefault:hover{background:lightgrey}.btn.btnIcon{border:1px solid #4a4848;display:flex;align-items:center;gap:5px}.btn.btnIcon img{height:15px}.btn.btnIcon:hover{background:lightgrey}.container{max-width:1440px;margin:0 auto;width:100%}@media (max-width: 1280px){.container{max-width:1045px}}@media (max-width: 1024px){.container{max-width:860px}}@media (max-width: 768px){.container{max-width:730px}}.postCard{width:345px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 15px #0000001a;border-radius:15px;cursor:pointer}@media (max-width: 1440px){.postCard{width:335px}}@media (max-width: 1024px){.postCard{width:245px}}@media (max-width: 768px){.postCard{width:355px}}@media (max-width: 640px){.postCard{width:100%}}.postCard:hover{transform:scale(1.05)}@media (max-width: 1195px){.postCard:hover{transform:inherit}}.postCard:not(.filteredPost):not(.featuredPosts):nth-child(9n+1){width:710px}@media (max-width: 1440px){.postCard:not(.filteredPost):not(.featuredPosts):nth-child(9n+1){width:690px}}@media (max-width: 1024px){.postCard:not(.filteredPost):not(.featuredPosts):nth-child(9n+1){width:515px}}@media (max-width: 768px){.postCard:not(.filteredPost):not(.featuredPosts):nth-child(9n+1){width:730px}}@media (max-width: 640px){.postCard:not(.filteredPost):not(.featuredPosts):nth-child(9n+1){width:100%}}.postCard:not(.filteredPost):not(.featuredPosts):nth-child(9n+1) .cardHeader img{width:710px;max-height:400px}@media (max-width: 768px){.postCard:not(.filteredPost):not(.featuredPosts):nth-child(9n+1) .cardHeader img{width:100%;max-height:300px}}@media (max-width: 640px){.postCard:not(.filteredPost):not(.featuredPosts):nth-child(9n+1) .cardHeader img{width:640px}}.postCard:not(.filteredPost):not(.featuredPosts):nth-child(9n+1) .cardBody h2{max-width:100%}.postCard .cardHeader img{display:block;max-width:100%;object-fit:cover}@media (max-width: 640px){.postCard .cardHeader img{width:640px}}.postCard .cardBody{padding:10px;display:flex;flex-direction:column;gap:15px}.postCard .cardBody h2{margin:0;text-overflow:ellipsis;overflow:hidden;max-width:320px;height:35px;white-space:nowrap}.postCard .cardFooter{display:flex;align-items:center;padding:10px;margin-top:auto}.featuredPostCard{display:flex;flex-direction:column;gap:10px;width:345px;cursor:pointer}@media (max-width: 810px){.featuredPostCard{width:375px}}.featuredPostCard:not(:last-child){border-bottom:1px dotted #4a4848}.featuredPostCard img{display:block;max-width:100%;object-fit:cover}.featuredPostCard .cardContent{padding:0 10px}.featuredPostCard .cardContent h2{margin:0;text-overflow:ellipsis;overflow:hidden;max-width:300px;height:35px;white-space:nowrap}.authorIcon{padding:4px 12px;border-radius:25px;margin-right:10px;background:#00a6ea;color:#fff}.detailsSection{margin:30px 0}.detailsSection h1{font-size:28px;line-height:32px;margin:0 auto 20px}.detailsSection img{width:100%;max-height:650px;object-fit:cover}.detailsSection .authorContainer{display:flex;align-items:center;padding:10px 0;margin:20px 0}.postDetailsContainer{display:flex;flex-direction:row;gap:30px}@media (max-width: 810px){.postDetailsContainer{flex-direction:column}}.postDetailsContainer .commentsAndDescSection .description{border-bottom:1px solid #4a4848;padding-bottom:20px}.postDetailsContainer .commentsAndDescSection h2{margin-top:20px}.postDetailsContainer .featuredPosts .postContainer{display:flex;flex-direction:column;flex-wrap:wrap;gap:20px}@media (max-width: 810px){.postDetailsContainer .featuredPosts .postContainer{flex-direction:row;justify-content:center}}.postDetailsContainer .featuredPosts .title{font-size:28px;line-height:32px;margin:0 0 20px}.page404Section{display:flex;flex-direction:column;align-items:center}.page404Section .errorImg{margin:2rem;width:100%;max-height:500px}.commentsList{display:flex;flex-direction:column;gap:20px}.commentsList .comment{display:flex}.commentsList .comment .commentImage{border-radius:50%;margin:0 10px auto 0}.commentsList .comment .commentContent{background:lightgrey;padding:10px;border-radius:15px;width:100%}.commentsList .comment .commentContent .commentHeader{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.commentsList .comment .commentContent .commentHeader .name{font-weight:600;font-size:16px;line-height:18px;text-transform:uppercase}.commentsList .comment .commentContent .commentHeader span:nth-child(2){color:#4a4848}.searchBar{position:relative;width:90%;max-width:760px;border-radius:40px;overflow:hidden;height:40px;border:1px solid #4a4848;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;margin:30px auto}.searchBar input{width:calc(100% - 130px);line-height:40px;font-size:28px;max-height:90px;border:0;padding:0 10px 0 60px;background:transparent}.searchBar input:focus{outline:0}.searchBar img{height:25px;margin:auto 0;position:absolute;top:0;bottom:0}.searchBar img.magnify{left:10px;right:0}.searchBar img.close{right:15px;cursor:pointer}