:root{--background:#ffffff;--foreground:#171717}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}@media (prefers-color-scheme:dark){html{color-scheme:dark}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#f5f5f5}a{text-decoration:none;color:#000}nav{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.1)}nav .logo{font-size:1.4rem;font-weight:400;color:#000;padding:20px}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;height:80px}nav ul{display:flex;list-style:none}nav ul li{margin-right:20px;padding:20px}.container{max-width:1200px;margin:50px auto 0;padding:0 20px}li .active{background-color:#000;color:#fff;border-radius:5px;padding:10px}.hero{padding:20px;margin-top:100px;text-align:center}.hero h2{font-size:4.5rem;font-weight:600;margin-bottom:20px}.hero p{font-size:1.8rem;font-weight:300;width:70%;margin:0 auto}.hero .btn{display:inline-block;margin-top:40px;padding:20px;border:none;border-radius:5px;background-color:#000;color:#fff;font-size:1.2rem;font-weight:400;cursor:pointer;transition:all .3s ease-in-out}.hero .btn:hover{background-color:#fff;color:#000}.hero .btn:active{transform:scale(.95)}.blog-page h2{font-size:2rem;font-weight:600;margin-bottom:20px}.blog-page p{font-size:1.4rem;font-weight:300;margin-bottom:20px}.blog-page .posts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;margin-top:50px}.blog-page .post{background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.1)}.blog-page .post .post-img{width:100%;height:200px;border-radius:5px;margin-bottom:20px}.blog-page .post h3{font-size:1.8rem;font-weight:600;margin-bottom:20px}.blog-page .post p{font-size:1.1rem;font-weight:300;margin-bottom:20px}.single-blog-page h2{font-size:3rem;font-weight:600;margin-bottom:20px}.single-blog-page p{font-size:1.2rem;font-weight:300;margin-bottom:20px}