body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}body{background-color:#f5f5f5;color:#222;font-size:1.1rem;line-height:1.6;margin:0}.normal-btn{background-color:#d2d2d2;border:none;border-radius:.8rem;cursor:pointer;padding:.45rem;padding-inline:.7rem;transition:background-color .2s ease,color .2s ease}.normal-btn:hover{background-color:#e0e0e0}.about-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:2rem}.about-text{margin:0;max-width:800px}.about-mail-link{background-color:initial;border-radius:10px;display:block;height:40px;transition:background-color .3s;width:40px}.mail-logo{color:#222;font-size:40px;font-weight:800}.about-mail-link:hover{background-color:#d3d3d3;border-radius:10px}.about-footer{bottom:3rem;position:absolute;text-decoration:underline}.about-footer,.upload-container{align-items:center;display:flex;flex-direction:column}.upload-container{gap:.5rem}.upload-container label{align-items:center;display:flex;gap:1rem;justify-content:center}.create-post-container{align-items:center;display:flex;flex-direction:column}.create-post-form{background-color:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.75rem;width:30%}.create-post-title{font-size:1rem;font-weight:600}.create-post-text{font-family:inherit;font-size:1rem;resize:vertical}.create-post-btn{background-color:#f5f5f5;border:1px solid #d3d3d380;border-radius:5px;font-size:1rem;padding:.25rem;transition:background-color .3s}.create-post-btn:hover{background-color:#d3d3d3}.preview-img{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-evenly}@media (max-width:1500px){.create-post-form{width:40%}}@media (max-width:1200px){.create-post-form{width:50%}}@media (max-width:770px){.create-post-form{width:70%}}@media (max-width:500px){.create-post-form{width:80%}}.log-out-container{align-items:center;display:flex}.logout-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.4rem 1rem;transition:background-color .3s}.logout-btn:hover{background-color:#d32f2f}.navbar{align-items:center;background-color:#333;color:#fff;display:flex;font-size:large;height:1rem;justify-content:space-between;padding:1rem;position:relative}.navbar-left,.navbar-right{align-items:center;display:flex;width:150px}.home-icon{display:none}.navbar-right{justify-content:center}.navbar-center{display:flex;gap:1.5rem;left:50%;position:absolute;transform:translateX(-50%)}.navbar-center a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}.navbar-center a:hover{color:#d3d3d3}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem}.close-container{display:none}@media (max-width:768px){.navbar-left,.navbar-right{width:auto}.home-btn{display:hidden}.home-icon{display:block;height:25px;margin-left:3px;width:25px}.navbar-center{align-items:flex-start;background-color:#444;flex-direction:column;gap:1.5rem;height:100%;padding:1rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;z-index:1000}.navbar-center.open{transform:translateX(0)}.navbar-center a{font-size:1.2rem}.menu-toggle{display:block;padding-left:1rem}.close-container{display:flex;justify-content:flex-end;width:100%}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;margin-right:.5rem;padding:.5rem;transition:color .2s}}.postlist-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;margin-top:1rem}.post-link{display:flex;justify-content:center;width:100%}.post-link:hover .post-container{box-shadow:0 6px 20px #00000026;transform:translateY(-2px);transition:transform .2s ease,box-shadow .2s ease}.post-container{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1rem 1.75rem;width:40vw}.post-container *{margin:0}.post-title{color:#333;font-size:1.4rem;font-weight:600}.post-content{color:#444;font-size:1rem;white-space:pre-line}.image-wrapper{box-shadow:0 2px 8px #0000001a;overflow:hidden}.image-wrapper,.image-wrapper img{border-radius:15px;max-height:400px;max-width:100%}.image-wrapper img{height:auto;object-fit:contain;width:auto}.post-author{color:#777;font-size:.9rem}.post-time{color:#999;font-size:.85rem}.reverse-btn{align-items:center;background-color:#fff;border:none;border-radius:7px;box-shadow:0 4px 10px #0000001a;display:flex;gap:5px;padding:.5rem;transition:background-color .3s;width:-webkit-fit-content;width:fit-content}.reverse-btn:hover{background-color:#cdcdcd}.arrow-icon{transition:transform .3s}.rotated{transform:rotate(180deg)}.scroll-top-btn{align-items:center;background-color:#a9a9a9;border:none;border-radius:50px;box-shadow:0 4px 6px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;left:20px;padding:10px;position:fixed;top:20px;transition:opacity .3s ease}.scroll-top-btn:hover{background-color:gray}@media (max-width:1400px){.post-container{width:50vw}}@media (max-width:1000px){.post-container{width:60vw;width:70vw}}@media (max-width:660px){.post-content{-webkit-line-clamp:4;-webkit-box-orient:vertical;line-clamp:3;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.scroll-top-btn{left:10px;top:10px}}@media (max-width:420px){.post-container{width:72vw}}.homeContainer{align-items:center;display:flex;flex-direction:column}@media (max-width:768px){.home-title{width:90%}}.login-container{align-items:center;background:#f5f5f5;display:flex;justify-content:center;margin-top:15vh}.login-box{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;padding:2rem 3rem;text-align:center}.login-button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:10px 20px}.login-button:hover{background-color:#357ae8}.comment-section{margin-bottom:2rem}.comment-title{margin:0}.comment-form{align-items:center;display:flex;flex-direction:column}.comment-form textarea{border-radius:5px;font-family:inherit;font-size:inherit;margin-bottom:.5rem;min-height:60px;padding:.5rem;resize:none;width:50%}.comment-form button{background-color:#d2d2d2;border:none;border-radius:.8rem;padding:.45rem;padding-inline:.7rem;transition:background-color .2s ease,color .2s ease}.comment-form button:hover{background-color:#e0e0e0;cursor:pointer}.comment{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;padding-bottom:.7rem;padding-top:.5rem;position:relative;width:60%}.delete-comment{height:30px;left:8px;position:absolute;top:8px;width:30px}.delete-comment:hover{opacity:.8}.comment p{margin:.2rem 1rem}.comment-list{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:0}.time{color:#666;font-size:.8rem}.reply{background-color:#f1f1f1;border-left:3px solid #ccc;border-radius:8px;display:flex;flex-direction:column;font-size:.9rem;line-height:1.4;margin:.3rem 2rem;padding:.4rem .75rem;position:relative}.reply-delete{cursor:pointer;height:20px;position:absolute;right:5px;top:5px;width:20px}.reply-delete:hover{opacity:.8}.reply-author{color:#222;font-size:.85rem;font-weight:600}.reply-text{color:#333;font-size:.9rem;margin:.25rem 0 0}.reply .time{color:#777;font-size:.7rem;margin-left:.25rem}.reply-btn{height:24px;position:absolute;right:10px;top:10px;width:24px}.reply-btn:hover{color:gray;cursor:pointer}.reply-form{align-items:center;display:flex;gap:.75rem;justify-content:center}.reply-textarea{border-radius:5px;font-family:inherit;height:3em;resize:none;width:60%}.reply-submit-btn{background-color:#d2d2d2;border:none;border-radius:.8rem;padding:.45rem;padding-inline:.7rem;transition:background-color .2s ease,color .2s ease}.reply-submit-btn:hover{background-color:#e0e0e0;cursor:pointer}.show-replies-btn{align-items:center;background-color:initial;border:none;color:#666;cursor:pointer;display:flex;gap:.2rem;margin:auto}.show-replies-btn:hover{color:#999}@media (max-width:1200px){.comment{width:80%}.comment-form textarea{width:65%}}@media (max-width:920px){.comment{width:50vw}.comment-form textarea{width:40vw}}@media (max-width:770px){.comment{width:70vw}.comment-form textarea{width:55vw}}@media (max-width:660px){.comment{width:70vw}.comment-form textarea{width:55vw}}@media (max-width:400px){.comment{width:90vw}.comment-form textarea{width:70vw}}.post-page-container{display:flex;justify-content:center}.back-btn{align-items:center;background-color:#d2d2d2;border:none;border-radius:5px;color:#333;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:550;left:2%;margin:1rem 0;padding:.6rem 1rem;position:absolute;transition:background-color .2s ease,color .2s ease}.back-btn:hover,.edit-btn:hover{background-color:#e0e0e0;color:#000}.back-icon,.delete-btn{font-size:1rem}.delete-btn{align-items:center;background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-weight:550;margin:1rem 0;padding:.6rem 1rem;position:absolute;right:2%;transition:background-color .2s ease,color .2s ease}.delete-btn:hover{background-color:#d32f2f}.edit-btn{align-items:center;background-color:#d2d2d2;border:none;border-radius:5px;color:#333;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:550;margin-top:4rem;padding:.6rem 1rem;position:absolute;right:2%;transition:background-color .2s ease,color .2s ease}.single-post-container{width:50%}.single-post-content{white-space:pre-line}.single-post-img{border-radius:15px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:auto;max-height:600px;max-width:100%;object-fit:contain;transition:transform .2s ease;width:auto}.single-post-img:hover{transform:scale(1.01)}.single-post-footer *{margin:0}.image-gallery{flex-wrap:wrap;gap:2rem;margin-top:20px}.image-gallery,.overlay{display:flex;justify-content:center}.overlay{align-items:center;background-color:#000000d9;cursor:zoom-out;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.full-image{max-height:95%;max-width:95%}.close{color:#fff;cursor:pointer;font-size:3rem;right:2.5rem;top:2rem}.close,.popup-overlay{position:fixed;z-index:1000}.popup-overlay{background:#0009;height:100%;justify-content:center;left:0;top:0;width:100%}.popup-content,.popup-overlay{align-items:center;display:flex}.popup-content{background:#fff;border-radius:8px;flex-direction:column;gap:1.5rem;max-width:600px;min-height:300px;overflow:hidden;padding:2rem;width:70%}.popup-content h2{margin:0}.popup-content input{font-family:inherit;font-size:medium}.popup-content textarea{font-family:inherit;min-height:240px;resize:none;width:80%}.popup-buttons{display:flex;justify-content:space-between;margin-top:1rem;width:100%}@media (max-width:920px){.single-post-container{width:60%}}@media (max-width:770px){.single-post-container{width:70%}}@media (max-width:660px){.single-post-container{margin-top:2.5rem}.popup-content textarea{min-height:300px}.edit-btn{right:160px;top:0}}@media (max-width:420px){.single-post-container{width:90%}}
/*# sourceMappingURL=main.9dd3409d.css.map*/