*,:after,:before{box-sizing:border-box;border:0;margin:0;padding:0}:root{--dark:#002a32;--gray:#6b7577;--light:#eff5f7;--light-transparent:#edf8f9bf;--light-gradient:linear-gradint(180deg,#12bea64d 0%,#c6d4c526 100%);--transition:all .2s ease-in-out;--nav-height:4rem}body,html{color:var(--dark);scroll-padding-top:var(--nav-height);scroll-behavior:smooth;font-family:Poppins,sans-serif}.mainNav{z-index:100;transition:var(--transition);width:100%;padding:1rem 2rem;position:fixed}.mainNav .navList{justify-content:center;gap:2rem;list-style:none;display:flex}.mainNav .navLink{text-transform:uppercase;letter-spacing:1px;text-decoration:none}.mainNav .navLink:link,.mainNav .navLink:visited,.mainNav .navLink:active{color:var(--light);transition:var(--transition)}.mainNav.applyBackground{background-color:var(--light-transparent);box-shadow:0 3px 2px #0a0f361a}.mainNav.applyBackground .navLink:link,.mainNav.applyBackground .navLink:visited,.mainNav.applyBackground .navLink:active{color:var(--dark);font-weight:600}.hero{text-align:center;color:var(--light);background-image:url(head3.290b2ce3.webp);background-position:50%;background-size:cover;place-items:center;height:100vh;display:grid;position:relative}.hero:after{content:"";z-index:0;background:#191a1ab1;position:absolute;inset:0}.hero__desc{z-index:1;position:relative}.hero__desc h1{font-size:3.5rem}.hero__desc p{font-size:1.5rem}.hero__arrow{z-index:1;position:absolute;bottom:5px}.hero__arrow:link,.hero__arrow:visited,.hero__arrow:active{color:var(--light)}.hero__arrow:hover,.hero__arrow:focus{transition:var(--transition);outline:none;animation:1s infinite bounce}@keyframes bounce{25%,75%{transform:translateY(-10%)scale(1.2)}0%,50%{transform:translateY(0%)scale(1.2)}}h2{text-align:center;margin:2rem 2rem 1.5rem;font-size:2rem}input{font-family:inherit;font-size:inherit;border-bottom:3px solid var(--gray);width:calc(100% - 4rem);max-width:500px;margin:0 auto;padding:.5rem .8rem;display:block}input:focus{border-bottom:3px solid var(--dark);outline:none}input:focus::placeholder{color:var(--dark)}.blog-posts{place-items:center;max-width:1000px;margin:auto;padding:2.5rem 2rem;display:grid}.blog-posts .card-container{grid-gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.blog-posts .card{transition:var(--transition);align-content:space-between;height:500px;display:grid;position:relative;overflow:hidden}.blog-posts .card__desc{opacity:0;transition:var(--transition);padding:1.5rem}.blog-posts .card__img{object-fit:cover;z-index:-1;transition:var(--transition);width:100%;height:100%;position:absolute;inset:0}.blog-posts .card .card__meta{background-color:var(--light-transparent);transition:var(--transition);padding:1.5rem}.blog-posts .card .card__meta--title{color:var(--dark);margin-bottom:1rem;font-size:1.2rem;font-weight:600;text-decoration:none;display:block}.blog-posts .card .card__meta--taglsit{flex-wrap:wrap;gap:.8rem;list-style:none;display:flex}.blog-posts .card .card__meta--taglist-item{background-color:var(--dark);color:var(--light);padding:.3rem .5rem;font-size:.9rem;text-decoration:none}.blog-posts .card:hover:after{content:"";background-color:var(--light-transparent);z-index:-1;position:absolute;inset:0}.blog-posts .card:hover .card__desc{opacity:1}.blog-posts .card:hover .card__img{transform:scale(1.2)}.blog-posts .card:hover .card__meta{background-color:#0000}@media screen and (width<=500px){.blog-posts .card-container{grid-template-columns:1fr}}
/*# sourceMappingURL=index.96888034.css.map */