.header{height:70px;padding:5px 20px}@media (max-width:768px){.header{padding:5px 10px}.logo{width:40px}.search-container{display:flex;flex-grow:1;margin:0 10px;max-width:550px}.search-container input{flex-grow:1;max-width:150px}.search-container button{font-size:.9em;padding:8px 12px}}.no-thumbnail{align-items:center;background-color:#f0f0f0;border-radius:5px;color:#888;display:flex;font-size:14px;height:200px;justify-content:center;margin:10px 0;width:100%}.post{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;cursor:pointer;margin-bottom:20px;padding:20px}.post h3{font-size:18px;margin-bottom:10px}.post p{color:#555;font-size:14px}.post-thumbnail{border-radius:5px;height:auto;margin:10px 0;max-height:200px;max-width:100%}@media (max-width:600px){.post{padding:10px}.post h3{font-size:16px}.post p{font-size:12px}.post-stats{align-items:flex-start;flex-direction:column}}.post-detail{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.post-title{font-size:24px;margin-bottom:20px;text-align:left}.post-author{color:#555;font-size:14px}.post-stats{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.post-stats .fa-comment,.post-stats .fa-star{color:#ff4500;margin-right:5px}.media-container{display:flex;justify-content:center;margin:20px 0}.post-media{max-height:500px}.post-image,.post-media{height:auto;max-width:100%}.post-image{border-radius:5px}iframe.post-media{height:auto;max-width:600px;width:100%}@media (max-width:600px){.post-detail{padding:10px}.post-title{font-size:20px}.post-author{font-size:12px}.post-stats{align-items:flex-start;flex-direction:column}iframe.post-media{max-width:100%}}.comment-media{margin-top:10px}.comment iframe,.comment img,.comment video,.comment-media{height:auto;max-width:100%}.comment a{color:#1a0dab;text-decoration:underline}.comments-section{margin-top:20px}.toggle-comments{background-color:#ff4500;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.toggle-comments:hover{background-color:#cc3700}.comment{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin-bottom:16px;margin-top:20px;padding:12px}.comment-author{align-items:center;display:flex}.comment-author img{border-radius:50%;height:30px;margin-right:10px;width:30px}.comment p{margin:8px 0}.categories-list{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:100%;padding:20px;position:relative;transition:all .3s ease}.categories-list h2{color:#ff4500;font-size:1.5em;margin-bottom:15px;text-align:center}.categories-list ul{list-style:none;padding:0}.categories-list ul li{cursor:pointer;font-size:1.2em;padding:10px 0;text-align:center;transition:all .3s ease}.categories-list ul li:hover{background-color:#ff4500;border-radius:4px;color:#fff;transform:scale(1.05)}.categories-list ul li.active{align-items:center;background-color:#ff4500;border-radius:4px;color:#fff;display:flex;justify-content:center}@media (max-width:768px){.categories-list{margin-bottom:20px;width:100%}.categories-list ul{display:block}.categories-list ul li{flex:none;margin:5px 0}}.hamburger{background:none;border:none;cursor:pointer;display:none;font-size:28px;margin:0;padding:0}@media (max-width:768px){.hamburger{display:block;position:absolute;right:20px;top:45px;z-index:1100}.categories-container.mobile{display:none}.categories-container.mobile.open{display:block;left:0;padding:30px 15px 15px;position:absolute;top:70px;width:80%;z-index:1000}.categories-container.mobile.open .close-menu{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:10px;top:8px}}body{background-color:#f0f0f0;font-family:Arial,sans-serif;margin:0}.App{flex-direction:column;padding:20px}.App,.header{align-items:center;display:flex}.header{background-color:#ffeb3b;border-radius:5px;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.logo{animation:slideIn 1s ease-out;cursor:pointer;height:auto;transition:transform .3s;width:50px}.logo:hover{animation:vibrate .3s linear infinite}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes vibrate{0%{transform:translateX(0)}20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}to{transform:translateX(0)}}.search-container{align-items:center;display:flex;justify-content:center;margin:0 auto;width:40%}.search-container input{border:2px solid #ffdb58;border-radius:5px 0 0 5px;font-size:1em;padding:10px;transition:border-color .3s;width:100%}.search-container input:focus{border-color:#ff4500}.search-container button{background-color:#ff4500;border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;font-size:1em;margin-left:10px;padding:10px;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.search-container button:hover{background-color:tomato;transform:scale(1.05)}.main-content{display:flex;justify-content:space-between;max-width:1200px;width:100%}.posts-container{flex:1 1;margin-left:20px}@media (max-width:600px){.posts-container{margin-left:0}}.categories-container{flex-shrink:0;width:250px}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}input[type=search]::-ms-clear{display:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}
/*# sourceMappingURL=main.df4a3fb9.css.map*/