*{font-family:Roboto,sans-serif}.color{background-color:#f0f0f0}.blog-h1{font-weight:600;font-size:3.6rem;text-align:center;padding-bottom:2rem}.search input{width:100%;padding:1.2rem;font-size:1.8rem;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.search input:focus{outline:none}.fa-magnifying-glass{font-size:2.3rem;background-color:#2f71a5;padding:1.4rem;border-top-right-radius:4px;border-bottom-right-radius:4px}.button{border:none}.form-box{display:flex}.category-box{display:grid;grid-template-columns:repeat(9,auto);justify-content:center;font-size:1.6rem;font-weight:500;padding:2.4rem 0;border-bottom:1px solid #000;-moz-column-gap:4rem;column-gap:4rem;row-gap:1rem}.category{text-decoration:none;color:#000}.category:hover,.category:active,.active.category{color:#03b4c6}.article-box{display:grid;grid-template-columns:repeat(auto-fill,38rem);grid-template-rows:auto;padding-top:4.5rem;grid-column-gap:2.8rem;grid-row-gap:36px;padding-bottom:4rem;justify-content:center}.article-card{display:grid;grid-template-rows:1fr auto;border-radius:7px;box-shadow:0 0 10px #00000059;overflow:hidden;max-width:38rem}.article-img{display:block;width:100%;height:25rem;padding-bottom:.5rem}.tag{display:inline-block;margin-left:.5rem;font-weight:500;text-decoration:none;color:#fff;background-color:#3a76a1;border-radius:3px;padding:.7rem 1.4rem;font-size:1.2rem}.article-text{height:-moz-max-content;height:max-content;padding:2rem 2rem 0}.author{padding-bottom:.5rem}.author a{font-size:1.4rem;font-weight:500;color:#03b4c6;text-decoration:none}.title_link{text-decoration:none}.article-h2{font-size:2.1rem;font-weight:600;padding-bottom:1rem;color:#1095d0}.article-summary{line-height:1.5;font-size:1.6rem;color:#000;padding-bottom:2rem}summary{list-style-type:none}.article-text-bot{padding:0 2rem}.read{font-size:1.4rem;font-weight:500;line-height:1.5;color:#2f71a5;text-decoration:none;border-bottom:1px solid #2f71a5}.article-date{margin-top:3px;font-size:12px;padding:1rem 2rem;border-top:1px solid #000;color:#000}.no-blog{grid-column:1/4;text-align:center;font-weight:700;font-size:3rem}@media screen and (max-width: 53em){.category-box{-moz-column-gap:2rem;column-gap:2rem}}@media screen and (max-width: 48em){.category{background-color:#2f71a5;padding:.5rem 1rem;border-radius:5px}.category-box{grid-template-columns:repeat(4,auto);row-gap:2rem}}@media screen and (max-width: 27em){.category-box{grid-template-columns:repeat(2,auto);-moz-column-gap:2rem;column-gap:2rem;row-gap:2rem}.article-box{grid-template-columns:repeat(auto-fill,30rem)}.article-img{height:20rem}}