*{box-sizing:border-box;font-family:Open Sans;margin:0;padding:0}:where(a,a:visited,a:active){color:#e1d9d9;text-decoration:none}.container{margin:0 2rem}nav{align-items:center;background-color:#100e10;display:flex;padding:1rem}.logo-con{margin-right:3rem}.search-con{align-items:center;border:2px solid #14e3cb;border-radius:10px;display:flex;width:30rem}.search-con>input{background-color:initial;border:none;caret-color:#1c8d52;color:#f3f9f7;font-size:1.1rem;padding:.5rem .3rem;width:85%}.search-con>input:focus{outline:none}.search-con>button{border:none;border-radius:10px;padding:.5rem 0;width:5rem}main>h2{margin-top:1.5rem;text-align:center}.articles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.article-con{border-radius:10px;box-shadow:10px 0 80px #caedcf;padding:.5rem;width:30rem}.article-con>h3{margin:.5rem 0 2rem}.article-con>button{background-color:#008075;border:none;border-radius:10px;margin-top:2rem;padding:.5rem 0;width:8rem}.article-con>button a{color:#dee1e0}.source{margin-top:1rem}.source>span{font-weight:500;margin-left:.3rem}@media (max-width:1309px){.article-con{width:25rem}.articles-grid{-webkit-column-gap:1rem;column-gap:1rem;row-gap:2rem}.container{margin:0 .5rem}}@media (max-width:1257px){.article-con{width:23rem}}@media (max-width:1173px){.article-con{width:20rem}}@media (max-width:1031px){.article-con{width:28rem}.articles-grid{grid-template-columns:repeat(2,1fr);margin-top:2rem}}@media (max-width:943px){.article-con{width:26rem}}@media (max-width:883px){.article-con{width:24rem}}@media (max-width:803px){.article-con{width:22rem}}@media (max-width:741px){.article-con{width:20rem}}@media (max-width:675px){.article-con{width:18rem}}@media (max-width:613px){.search-con{width:28rem}.article-con{width:17rem}}@media (max-width:577px){.articles-grid{grid-template-columns:1fr}.article-con{margin:0 auto;width:30rem}.search-con{width:26rem}}@media (max-width:505px){.article-con{width:28rem}}@media (max-width:467px){.article-con{width:26rem}.logo-con{margin-right:2rem}}@media (max-width:441px){.article-con{width:24rem}.search-con{width:20rem}}@media (max-width:405px){.article-con{width:22rem}}@media (max-width:371px){.article-con{width:19rem}}@media (max-width:321px){.article-con{width:18rem}}
/*# sourceMappingURL=main.0cbf1654.css.map*/