html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;font-size:16px;margin:0;padding:0;text-align:center;background-color:#f4f4f4;line-height:1.6;color:#333}h1,h2,h3,h4,h5,h6,.btn{text-transform:capitalize}h1,h2,h3,h4,h5,h6{margin-top:0}a{color:#00a87e;text-decoration:none;transition:color .3s}a:hover{color:hsl(165,100%,22.9411764706%)}.container{text-align:center;width:80%;margin:auto;padding:20px;max-width:1200px}.btn{display:inline-block;padding:10px 20px;background:#00a87e;color:#fff;text-decoration:none;border-radius:5px;margin:5px;transition:background .3s}.btn:hover{background:hsl(165,100%,22.9411764706%);color:#fff}main{min-height:calc(100vh - 400px)}.navigation{margin:20px 0}.navigation ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap}.navigation li{margin:0 15px}.navigation a{color:#fff;font-weight:bold;padding:8px 15px;border-radius:5px;transition:background .3s}.navigation a:hover,.navigation a.active{background:rgba(255,255,255,.1)}@media screen and (max-width: 600px){.navigation ul{flex-direction:column}.navigation li{margin:5px 0}}header{background:#333;color:#fff;padding:50px 0}header h1{margin:10px 0;font-size:2.5em}header p{font-size:1.2em;margin:10px 0}#header-img{width:50%;max-width:300px;height:auto;margin-bottom:20px}.social-links{margin-top:20px}.social-links img{width:30px;height:30px;margin:10px;transition:transform .3s}.social-links img:hover{transform:scale(1.2)}.social-links a{display:inline-block}footer{background:#222;color:#fff;padding:20px 0;margin-top:50px}footer p{margin:10px 0;font-size:.9em}footer a{color:#00a87e}footer a:hover{color:hsl(165,100%,42.9411764706%)}.about,.projects,.latest-posts,.page-content{padding:50px 0;background:#fff}.about h2,.projects h2,.latest-posts h2,.page-content h2{font-size:2em;margin-bottom:20px;color:#333}.project-gallery{padding-bottom:10px;display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px;margin-top:20px}.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:box-shadow .3s;padding:20px;margin:0;border-radius:5px;background:#fff}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.card img{width:50px;height:50px;margin-bottom:10px}.card h3{margin:10px 0}.card p{color:#666;margin:10px 0 20px}.view-all{margin-top:20px}.blog-posts,.post-grid{margin-top:20px}.post-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:20px}.post-card{background:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:box-shadow .3s;text-align:left}.post-card:hover{box-shadow:0 4px 10px rgba(0,0,0,.2)}.post-card h2,.post-card h3{margin-top:0}.post-card h2 a,.post-card h3 a{color:#333}.post-card h2 a:hover,.post-card h3 a:hover{color:#00a87e}.post-card .post-meta{color:#666;font-size:.9em;margin:10px 0}.post-card .post-meta time{margin-right:10px}.post-card .post-tags{margin:10px 0}.post-card .post-tags .tag,.post-card .post-tags span.tag{display:inline-block;background:#f4f4f4;padding:3px 10px;border-radius:3px;font-size:.85em;margin-right:5px;margin-bottom:5px;color:#666}.post-card .post-tags a.tag{color:#666}.post-card .post-tags a.tag:hover{background:#00a87e;color:#fff}.post-card .post-excerpt{color:#666;margin:20px 0;line-height:1.6}.no-posts{text-align:center;padding:50px;color:#666;font-size:1.2em}.latest-posts{background:#f4f4f4}.post{background:#fff;padding:50px 0}.post .container{text-align:left;max-width:800px}.post .post-header{margin-bottom:50px;border-bottom:2px solid #f4f4f4;border-radius:5px;padding:20px;background:#333}.post .post-header .post-title{margin-bottom:10px;font-size:2.5em;line-height:1.2}.post .post-header .post-meta{color:#fff;font-size:.95em}.post .post-header .post-meta time{margin-right:20px}.post .post-header .post-meta .post-author{margin-right:20px}.post .post-header .post-meta .post-tags{margin-top:10px}.post .post-header .post-meta .post-tags a.tag{display:inline-block;background:#f4f4f4;padding:5px 12px;border-radius:3px;margin-right:8px;margin-top:5px;color:#333;font-size:.9em}.post .post-header .post-meta .post-tags a.tag:hover{background:#00a87e;color:#fff}.post .post-content{font-size:1.1em;line-height:1.8;color:#333}.post .post-content h2{margin-top:2em;margin-bottom:.5em;font-size:1.8em;color:#333}.post .post-content h3{margin-top:1.5em;margin-bottom:.5em;font-size:1.4em;color:#333}.post .post-content p{margin-bottom:1.2em}.post .post-content ul,.post .post-content ol{margin:1em 0 1.5em 2em}.post .post-content ul li,.post .post-content ol li{margin-bottom:.5em}.post .post-content code{background:#f4f4f4;padding:2px 6px;border-radius:3px;font-family:"Courier New",monospace;font-size:.9em}.post .post-content pre{background:#333;color:#fff;padding:20px;border-radius:5px;overflow-x:auto;margin:1.5em 0}.post .post-content pre code{background:none;padding:0;color:#fff}.post .post-content blockquote{border-left:4px solid #00a87e;padding-left:20px;margin:1.5em 0;color:#666;font-style:italic}.post .post-content img{max-width:100%;height:auto;border-radius:5px;margin:20px 0}.post .post-content a{color:#00a87e;border-bottom:1px solid rgba(0,0,0,0)}.post .post-content a:hover{border-bottom-color:#00a87e}.post .post-categories{margin:50px 0;padding:20px 0;border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4}.post .post-categories a{color:#00a87e;margin-right:10px}.post .post-categories a:hover{text-decoration:underline}.post .post-navigation{display:flex;justify-content:space-between;margin:50px 0;padding:20px 0;border-top:1px solid #f4f4f4}.post .post-navigation .prev-post,.post .post-navigation .next-post{flex:1}.post .post-navigation .prev-post a,.post .post-navigation .next-post a{color:#333;font-weight:bold}.post .post-navigation .prev-post a:hover,.post .post-navigation .next-post a:hover{color:#00a87e}.post .post-navigation .next-post{text-align:right}.post .social-sharing{text-align:center;margin:50px 0;padding:20px;background:#f4f4f4;border-radius:5px}.post .social-sharing h3{margin-top:0;font-size:1.2em}.post .social-sharing .btn{margin:5px}.post .social-sharing .share-twitter{background:#1da1f2}.post .social-sharing .share-twitter:hover{background:rgb(4.6927557634%,52.3422758225%,81.5817540405%)}.post .social-sharing .share-reddit{background:#ff4500}.post .social-sharing .share-reddit:hover{background:rgb(80%,21.6470588235%,0%)}@media screen and (max-width: 600px){.post .post-header .post-title{font-size:1.8em}.post .post-content{font-size:1em}.post .post-navigation{flex-direction:column}.post .post-navigation .next-post{text-align:left;margin-top:10px}}/*# sourceMappingURL=main.css.map */