@import url(https://fonts.googleapis.com/css2?family=Lobster:wght@400;700&family=Roboto:wght@400;700&display=swap);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;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.container{max-width:100%;overflow-x:hidden}.blog-header{align-items:center;background-color:#f9f9f9;background-position:50%;background-size:cover;border-bottom:1px solid #ddd;color:#333;display:flex;flex-direction:column;height:auto;padding:20px}.blog-title{margin-bottom:20px;text-align:center}.blog-title h1{color:#151414;font-family:Lobster,cursive;font-size:2.5rem;margin:0}.blog-title p{color:#666;font-family:Roboto,sans-serif;font-size:1.125rem;margin:0}.menu-icon{color:#00bf63;cursor:pointer;font-size:1.5rem;left:20px;position:absolute;top:20px;z-index:1010}.sidebar{background-color:#333;color:#fff;height:100%;left:-250px;padding:15px;position:fixed;top:0;transition:left .4s ease;width:250px;z-index:1000}.sidebar.open{left:0}.sidebar .menu-icon{color:#fff;cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:15px}.sidebar-nav ul{list-style:none;padding:0}.sidebar-links li{margin:15px 0;position:relative}.sidebar-links a{align-items:center;border-radius:5px;color:#fff;display:flex;font-size:1.125rem;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.sidebar-links a:hover{background-color:#00bf63}.sidebar-links a svg{margin-right:10px}.submenu{background-color:#444;max-height:0;overflow:hidden;padding-left:15px;transition:max-height .4s ease}.submenu.active{max-height:500px}.submenu a{color:#fff;display:block;padding:10px;text-decoration:none}.submenu a:hover{background-color:#00bf63}.blog-navbar{display:none}@media (max-width:768px){.blog-header{padding:15px}.blog-title h1{font-size:2rem}.blog-title p{font-size:1rem}.menu-icon{font-size:1.25rem}.sidebar{width:220px}.sidebar-links a{font-size:1rem;padding:8px 12px}.submenu{padding-left:10px}.submenu a{font-size:.9rem;padding:8px}}@media (max-width:480px){.blog-header{padding:10px}.blog-title h1{font-size:1.75rem}.blog-title p{font-size:.875rem}.menu-icon{font-size:1.2rem}.sidebar{width:200px}.sidebar-links a{font-size:.875rem;padding:6px 10px}.submenu a{font-size:.8rem;padding:6px}}.footer{align-items:center;background-color:#333;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.footer-container{align-items:flex-start;display:flex;justify-content:space-between;max-width:1200px;width:100%}.footer-contact,.footer-social{flex:1 1;padding:0 20px;text-align:center}.footer-contact h4,.footer-social h4{color:#00bf63;font-size:18px;margin-bottom:20px}.contact-links,.social-links{list-style:none;padding:0}.contact-links li,.social-links li{margin-bottom:10px}.contact-links a,.social-links a{color:#fff;font-size:16px;text-decoration:none;transition:color .3s}.contact-links a:hover,.social-links a:hover{color:#00bf63}.contact-links a svg,.social-links a svg{margin-right:10px}.footer-bottom{border-top:1px solid #555;color:#bbb;font-size:14px;margin-top:40px;padding-top:20px;text-align:center}.footer-contact:focus,.social-links:focus{outline:2px solid #00bf63}@media (max-width:768px){.footer-container{align-items:center;flex-direction:column}.footer-contact,.footer-social{margin-bottom:20px;padding:0}.footer-bottom{margin-top:20px}}@media (max-width:480px){.footer-contact h4,.footer-social h4{font-size:16px}.contact-links a,.social-links a{font-size:14px}.footer-bottom{font-size:12px}}.blog-page{align-items:center;background-color:#fff;display:flex;flex-direction:column;padding:2vw}.content-container{flex-wrap:wrap;gap:2vw;margin:4vw 0}.grid-container{grid-gap:2vw;gap:2vw;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:90vw;padding:2vw}.grid-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:2vw;transition:transform .3s ease,box-shadow .3s ease}.grid-item img{border-radius:10px;height:auto}.grid-item h2{color:#333;font-size:1.5vw;margin:1.5vw 0}.grid-item button{background-color:#00bf63;font-size:1vw;margin-top:1vw;padding:1vw 2vw;transition:background-color .3s ease,transform .3s ease}.grid-item button:hover{background-color:#02954e;transform:translateY(-2px)}.grid-item:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-5px)}.banner-container{margin:2vw 0}.banner img{max-width:90vw;object-fit:cover}.ad-space{align-items:center;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;max-width:90vw;padding:2vw;width:100%}@media (max-width:600px){.content-container{align-items:center;flex-direction:column;gap:10px}.grid-container{grid-template-columns:1fr;padding:1rem}.grid-item{padding:1rem}.grid-item h2{font-size:1.2rem}.grid-item button{font-size:.85rem;padding:.8rem 1.2rem}.banner img{height:auto;max-width:100%;width:100%}}@media (min-width:600px) and (max-width:1024px){.blog-page{padding:3vw}.content-container{gap:2vw}.banner img{height:auto;max-width:100%;width:100%}.ad-space{max-width:60vw}}@media (min-width:1024px){.blog-page{padding:2vw}.grid-container{max-width:900px}.ad-space{max-width:300px}.banner img{height:auto;max-width:100%;width:100%}}.post-page{align-items:center;background-color:#fff;display:flex;flex-direction:column;padding:20px}.post-title{text-align:center}.separator-line{border-top:1px solid #ccc;margin:10px 0;width:80%}.author-info{align-items:center;display:flex;margin-bottom:20px;margin-left:-30px}.author-image{border-radius:50%;height:50px;margin-right:10px;width:50px}.author-name{color:#555;font-size:14px}.post-date{color:#888;font-size:14px;margin-left:76px}.post-content{text-align:center}.code-container{background-color:#f6f2f0;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 5px #0000001a;margin-top:20px;max-width:850px;min-height:50px;padding:10px;position:relative;width:100%}.copy-header{align-items:center;display:flex;margin-bottom:10px;white-space:nowrap}.copy-header,.copy-icon{justify-content:flex-end}.copy-icon{color:#007bff;cursor:pointer;height:20px;transition:color .3s ease;width:20px}.code-block{font-family:Courier New,Courier,monospace;overflow:auto;white-space:pre}.copied-message{color:#28a745;display:inline-block;margin-left:10px;white-space:nowrap}.line-number{color:#888;margin-right:10px}.content-container{align-items:flex-start;display:flex;gap:20px;justify-content:center;margin:40px 0}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);max-width:900px;width:100%}.grid-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:20px;text-align:center;transition:box-shadow .3s ease}.grid-item img{border-radius:8px;width:100%}.grid-item button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px;transition:background-color .3s ease}.grid-item button:hover{background-color:#0056b3}.back-to-top{cursor:pointer;font-size:30px;margin-top:40px;transition:color .3s}.back-to-top:hover{color:#007bff}.format-title{color:#000;font-family:Arial,sans-serif;font-size:24px;margin-bottom:8px;margin-left:25px;margin-top:10px;text-align:left}.text{word-wrap:break-word;box-sizing:border-box;color:#333;font-size:16px;line-height:1.6;margin:0 auto;max-width:850px;overflow-wrap:break-word;padding:10px;text-align:justify}.post-image{display:block;height:450px;margin:20px auto;max-width:100%;width:auto}.container{margin:0 auto;max-width:900px;padding:20px;text-align:center}.banner-container{display:flex;justify-content:center;margin:20px 0}.banner img{border-radius:8px;height:auto;max-width:900px;width:100%}table{border-collapse:collapse;margin:20px 0;width:100%}td,th{border:1px solid #ddd;padding:12px;text-align:left}th{background-color:#f2f2f2}tr:hover{background-color:#f5f5f5}@media screen and (max-width:768px){.text{font-size:14px;max-width:90%}.code-container{padding:10px;width:100%}.grid-container{grid-template-columns:1fr}.banner img,.post-image{height:auto;max-width:100%;width:100%}}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#000;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#b3d4fc;text-shadow:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{background:#ffffff80;color:#9a6e3a}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.share-bar{border-top:1px solid #ddd;gap:15px;margin-top:20px;padding:10px}.share-bar,.share-icon{display:flex;justify-content:center}.share-icon{align-items:center;background-color:#f7f7f7;border:2px solid #ccc;border-radius:50%;box-shadow:0 4px 8px #0000001a;font-size:20px;height:50px;text-decoration:none;transition:all .3s ease;width:50px}.share-icon:hover{border-color:#888;box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.whatsapp{color:#25d366}.facebook{color:#4267b2}.linkedin{color:#0077b5}@media (max-width:768px){.share-bar{gap:10px}.share-icon{font-size:18px;height:40px;width:40px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.b2b1a0d8.css.map*/