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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a,button{-webkit-appearance:auto;appearance:auto}.searchbar{align-items:center;display:flex;justify-content:center;margin:20px 100px 20px 0}.searchbar input[type=text]{border:2px solid #ccc;border-radius:25px 0 0 25px;font-size:16px;outline:none;padding:10px;transition:border-color .3s ease;width:300px}.searchbar input[type=text]:focus{border-color:#3182ce}.searchbar button[type=submit]{background-color:#3182ce;border:2px solid #3182ce;border-left:none;border-radius:0 25px 25px 0;color:#fff;cursor:pointer;font-size:16px;padding:9px 20px;transition:background-color .3s ease}.searchbar button[type=submit]:hover{background-color:#225e99}@media (max-width:600px){.searchbar input[type=text]{width:200px}}header{border-bottom:1px solid #e2e8f0;display:flex;height:80px}h1{margin:10px 16px}.header-nav{display:flex;margin:16px 0 16px auto;padding:0 16px}.header-button,.link-no-underline{text-decoration:none}.header-button{background-color:#4299e1;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:inline-block;font-size:13.3px;margin-bottom:1rem;margin-right:10px;padding:.5rem;text-align:center}.header-button:hover{background-color:#3182ce}.sideba .title{border-bottom:2px solid #e2e8f0;font-size:1.25rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.card-link{color:#2d3748;margin:0;text-decoration:none}.card-link:hover{opacity:.5}.card{background-color:#edf2f7;border-radius:.375rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:transform .2s,box-shadow .2s}.card-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.card-info{color:#718096;display:flex;font-size:.875rem}.card-info-icon{background-color:#4a5568;border-radius:50%;height:16px;width:16px}.card-info-text{color:#2d3748;font-size:.85rem;margin:0 10px 0 0}.category-link{text-decoration:none}.content-wrapper{display:flex;height:calc(100vh - 80px)}.sidebar{background-color:#f7fafc;border-right:1px solid #e2e8f0;padding:1rem;width:20%}.create-post-button{background-color:#4299e1;border-radius:.375rem;color:#fff;display:block;margin-bottom:1rem;padding:.5rem;text-align:center;text-decoration:none}.create-post-button:hover{background-color:#3182ce}.main-content{background-color:#fff;flex:1 1;overflow-y:auto;padding:1rem}.main-content .title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.menu-item{margin-bottom:.75rem}.menu-item a{color:#1a202c;text-decoration:none}.menu-item a:hover{text-decoration:underline}.grid{display:flex;flex-direction:column;gap:1rem}.button-container{align-items:center;display:flex}.button{background-color:#e2e8f0;color:#4a5568;margin:0 10px 0 0;padding:.25rem .75rem}.button:hover{background-color:#cbd5e0}.create-post-container{background-color:#f7fafc;border-radius:.375rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin:0 auto;max-width:1200px;padding:2rem;position:relative}.preview h1{font-weight:600;margin:0}.preview h2{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;text-align:left}.preview h2,.preview h3{font-weight:500}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center}.confirm-button{background-color:grey;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.confirm-button-delete{background-color:#ff4d4d}.post-detail-container{background-color:#fff;border-radius:.375rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin:0 auto;max-width:800px;padding:2rem}.main-content-inner{margin:0 auto;width:800px}.post-title{font-size:2rem;font-weight:700;margin:0 0 1.5rem}.post-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.6;padding:0 0 20px}.syntax-highlighter{border-radius:.375rem!important;padding:1rem!important}.post-content h1{font-weight:600;margin:0}.post-content h2{border-bottom:1px solid #e2e8f0;font-weight:500;margin-bottom:1.5rem;text-align:left}.post-content h3{font-weight:500}.like-button{background-color:#4299e1;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;transition:background-color .3s}.liked{background-color:#ff85a2;color:#fff}.liked:hover,.not-liked{background-color:#3182ce}.not-liked{color:#fff}.not-liked:hover{background-color:#ff85a2}.post-deteil .delete-button{margin:0 0 0 10px}.edit-post-container{background-color:#f7fafc;border-radius:.375rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin:0 auto;max-width:1200px;padding:2rem;position:relative}.home-button{background-color:#4299e1;border-radius:.375rem;color:#fff;padding:.5rem 1rem;position:absolute;right:1rem;text-decoration:none;top:1rem;transition:background-color .3s}.home-button:hover{background-color:#3182ce}.title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.form-group label{color:#2d3748;font-size:1rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;color:#2d3748;font-size:1rem;padding:.5rem;width:100%}.form-group textarea{height:400px;resize:vertical}.button{background-color:#4299e1;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s}.button:hover{background-color:#3182ce}.content-preview{display:flex;gap:2rem}.content-area{flex:1 1}.preview{background-color:#fff;border-radius:.375rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;flex:1 1;padding:1rem}.preview h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.markdown-tutorial{background-color:#fff;border-radius:.375rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-top:2rem;padding:1rem}.markdown-tutorial h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.markdown-tutorial ul{list-style-type:none;padding-left:0}.markdown-tutorial li{margin-bottom:.5rem}.markdown-tutorial code{background-color:#edf2f7;border-radius:.375rem;cursor:pointer;padding:.2rem .4rem;transition:background-color .3s}.markdown-tutorial code:hover{background-color:#e2e8f0}.code-block{background-color:#000;border-radius:.375rem;color:#fff;overflow:auto;padding:1rem;position:relative}.copy-button{background-color:#4299e1;border:none;border-radius:.375rem;color:#fff;cursor:pointer;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem;transition:background-color .3s}.copy-button:hover{background-color:#3182ce}.syntax-highlighter{background:#000!important;border:none!important;box-shadow:none!important;color:#fff!important;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace!important;font-size:1em!important;-webkit-hyphens:none!important;hyphens:none!important;line-height:1.5!important;margin:0!important;overflow-wrap:normal!important;padding:0!important;tab-size:4!important;text-align:left!important;text-shadow:none!important;white-space:pre!important;word-break:normal!important;word-spacing:normal!important}.btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.btn:hover{opacity:.7}.delete-button{background-color:#ff4d4d}.edit-post-container .delete-button{margin:10px 0 0}.login-container{background-color:#f7fafc;border-radius:.375rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:400px;padding:2rem}.login-container input{border:1px solid #e2e8f0;border-radius:.375rem;color:#2d3748;font-size:1rem;padding:.75rem;width:100%}.login-container input[type=password],.login-container input[type=text]{margin-bottom:1rem}.login-container button{background-color:#4299e1;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;text-align:center}.login-container button:hover{background-color:#3182ce}.signup-link{color:#4299e1;display:block;font-size:1rem;margin-top:1rem;text-align:center;text-decoration:none}.signup-link:hover{text-decoration:underline}.signup-container{background-color:#f7fafc;border-radius:.375rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin:0 auto;max-width:400px;padding:2rem}.signup-container h2{margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:700;margin-bottom:.5rem}.form-group input{border:1px solid #e2e8f0;border-radius:.375rem;padding:.5rem;width:100%}.error{color:red;margin-top:1rem;text-align:center}.signup-button{background-color:#4299e1;border:none;border-radius:.375rem;color:#fff;cursor:pointer;padding:.75rem;width:100%}.signup-button:hover{background-color:#3182ce}.form-group-profile input{width:calc(100% - 40px)}.form-group-profile textarea{height:50px;width:calc(100% - 40px)}.form-group-profile-button{background-color:#4299e1;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:inline-block;font-size:13.3px;margin-bottom:1rem;margin-right:10px;padding:.5rem;text-align:center;text-decoration:none}.form-group-profile-button:hover{opacity:.5}
/*# sourceMappingURL=main.fe4c558e.css.map*/