*{margin:0;padding:0;box-sizing:border-box}::selection{background-color:#222;color:#ccc}body{width:100%;background-color:#1a1a1a;font-size:14px;line-height:1.4;color:#fff;font-family:Montserrat,sans-serif}.content{height:max-content;width:90%;margin:0 auto;background-color:#ccc;border-radius:1rem;padding:2rem 1rem;margin-top:3rem}a{text-decoration:none;color:#222}.navbar{position:relative;width:100%;height:10vh;display:flex;justify-content:space-between;align-items:center}.navbar .logo{color:#222;font-size:2rem;text-decoration:none;font-weight:700;position:relative}.navbar .logo span{color:red}.navbar .logo:after{content:"";position:absolute;right:-15px;top:-5px;height:15px;width:15px;border-radius:50%;background-color:#222}.navbar .links a{text-decoration:none;font-size:1rem;font-weight:bolder;color:#222;margin-left:2rem}.navbar .links a:hover{text-decoration:underline}.navbar .links.showNavbar{transform:translate(0)}.navbar .toggle{display:none}.navbar .toggle .toggleIcon{color:#222;width:20px;cursor:pointer}.loading,.error{background-color:#222;padding:2rem;color:#fff;font-size:1.1rem;width:60%;margin:2rem auto;border-radius:1rem}.introText{color:#333;font-size:1.7rem;text-transform:capitalize;font-weight:400}.leadText{color:#222;font-weight:400}.home{width:100%;height:max-content;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;place-items:center;align-items:start;margin-top:1rem}.home .blog-block{height:400px;width:350px;border-radius:1rem;overflow:hidden;box-shadow:1px 1px 12px #0006}.home .blog-block:hover img{transform:scale(1.1)}.home .blog-block .blog-img{height:60%;width:100%;overflow:hidden}.home .blog-block .blog-img img{width:100%;height:100%;object-fit:cover;transition:.3s ease-in-out}.home .blog-block .blog-text{margin-top:1rem;padding:0 1rem}.home .blog-block .blog-text h2{color:#222;font-size:1.1rem;text-transform:capitalize}.home .blog-block .blog-text p{color:#222}.home .blog-block .blog-text p span{font-weight:700}.home .blog-block .blog-text .btn{display:inline-block;background-color:#222;text-decoration:none;color:#fff;padding:.3rem;margin-top:.5rem;transition:.3s ease-in-out;border-radius:.3rem}.home .blog-block .blog-text .btn:hover{background-color:#666}.home .blog-block a{text-decoration:none}.singlePost{width:80%;height:max-content;margin:2rem auto}.singlePost .postImage{position:relative;width:100%;height:300px;border-radius:1rem;overflow:hidden;box-shadow:1px 1px 12px #0006}.singlePost .postImage:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;height:100%;width:100%;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4))}.singlePost .postImage img{width:100%;height:100%;object-fit:cover}.singlePost .postImage .title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;text-align:center;text-transform:capitalize;margin:1rem 0;z-index:10}.singlePost .postContent{height:max-content;width:100%;margin:1rem 0}.singlePost .postContent .metadata{display:flex;align-items:center;justify-content:space-evenly}.singlePost .postContent .metadata span{display:flex;align-items:center;justify-content:center}.singlePost .postContent .metadata span img{width:12px;margin-right:5px;color:#222}.singlePost .postContent .metadata span h4{color:#222}.singlePost article{position:relative;width:90%;margin:1rem auto}.singlePost article p{color:#222;font-size:1rem;text-align:justify}.singlePost article a{display:block;background-color:#222;color:#ccc;padding:.4rem 1rem;margin:1rem 0;font-size:1.1rem;text-align:center}.about{height:max-content;width:100%;margin:2rem 0}.about h2{text-align:center;color:#222}.about .title{text-align:center;color:#222;margin-bottom:.5rem}.about .aboutRow{display:grid;grid-template-columns:35% 50%;align-items:center;justify-content:center}.about .aboutRow .aboutImage{height:350px;width:350px;border-radius:1rem;overflow:hidden}.about .aboutRow .aboutImage img{width:100%;object-fit:cover}.about .aboutRow .aboutText p{color:#222;margin:1rem 0;text-align:justify}.about .aboutRow .aboutText .socials{display:flex;align-items:center;gap:1rem}.about .aboutRow .aboutText .socials a:hover{text-decoration:underline}.contact{width:60%;margin:3rem auto;text-align:center}.contact h2{color:#222}.contact p{color:#222;margin-bottom:1rem}.contact .socials{width:50%;height:max-content;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;align-items:start}.contact .socials a{background-color:#222;color:#ccc;transition:.3s ease-in-out}.contact .socials a:hover{background-color:#555}.footer{height:20vh;width:80%;margin:3rem auto;display:flex;justify-content:space-between;align-items:center}.footer .logo{color:#fff;font-size:2rem;text-decoration:none;font-weight:700;position:relative}.footer .logo a{color:#ccc}.footer .logo span{color:red}.footer .logo:after{content:"";position:absolute;right:-15px;top:-5px;height:15px;width:15px;border-radius:50%;background-color:#ccc}.footer .socials ul{list-style:none}.footer .socials ul li{display:flex;justify-content:center;align-items:center}.footer .socials ul li a{color:#ccc;margin-left:1rem}.errorPage{position:relative;width:80%;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;border-radius:1rem;padding:2rem;background-image:url(/assets/front-d7159634.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;transition:background .3s ease-in-out}.errorPage:hover{background-image:url(/assets/back-344855d1.jpg)}.errorPage:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;height:100%;width:100%;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4));border-radius:1rem}.errorPage .text{z-index:1}.errorPage .text h1{font-size:3rem;text-align:center;text-transform:capitalize;margin:.3rem 0}.errorPage .text p{text-align:center;font-size:1.2rem}.errorPage .text a{display:block;background-color:#fff;color:#222;text-decoration:none;padding:.5rem;text-align:center;margin:1rem 0;font-weight:700;transition:.3s ease-in-out}.errorPage .text a:hover{background-color:#ccc}@media screen and (max-width: 500px){.navbar .toggle{display:block}.navbar .links{position:fixed;top:20vh;right:10%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;text-align:center;height:200px;width:50%;margin:0 auto;border-radius:1rem;box-shadow:0 4px 30px #0000001a;background:rgba(100,100,100,.4);backdrop-filter:blur(5.1px);-webkit-backdrop-filter:blur(5.1px);transform:translate(200%);transition:.5s ease-in-out;z-index:100}.navbar .links a{font-size:1.2rem;text-align:center;color:#fff}.navbar .links.showNavbar{transform:translate(0)}.content{width:90%}.home{grid-template-columns:1fr;grid-gap:1rem}.home .blog-block{height:max-content;width:100%;padding-bottom:1rem}.errorPage{padding:.5rem}.errorPage .text h1{font-size:1rem;width:100%}.errorPage .text p{font-size:1rem}.singlePost{width:100%}.singlePost .postImage{height:200px}.singlePost .postImage .title{font-size:1rem;text-align:center}.singlePost .postContent .metadata{flex-direction:column;align-items:start;justify-content:start;text-align:left}.about .aboutRow{grid-template-columns:1fr}.about .aboutRow .aboutImage,.about .aboutRow .aboutText{width:90%;margin:0 auto}.about .aboutRow .aboutImage{height:max-content;overflow:hidden;border-radius:1.5rem}.contact .socials{grid-template-columns:1fr}.contact .socials a{padding:.5rem}}@media screen and (min-width: 500px) and (max-width: 1030px){p{font-size:1.2rem}.content{width:90%}.home{grid-template-columns:repeat(2,1fr);grid-gap:1rem}.home .blog-block{height:max-content;width:100%;padding-bottom:1rem}.about .aboutRow{grid-template-columns:1fr}.about .aboutRow .aboutImage,.about .aboutRow .aboutText{width:90%;margin:0 auto}.about .aboutRow .aboutImage p,.about .aboutRow .aboutText p{font-size:1.2rem}.about .aboutRow .aboutImage{height:max-content;overflow:hidden;border-radius:1.5rem}}