@import"https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css";html{scroll-behavior:smooth}:root{--primary-color: #008CBA;--border-color: #007095;--background-color: #f3fbff;--font-color: #000}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0;min-height:100vh;place-items:center;background-color:var(--background-color);color:var(--font-color)}#root{margin:0 auto;padding:2rem;text-align:center}h1{font-family:Playfair Display,serif;font-size:3rem;display:flex;justify-content:center}.loading{font-size:2rem}h4{font-family:Roboto Slab,serif;font-weight:600;line-height:1.3rem}.HeadLogo{width:4rem}img{width:100%;height:50%;border-radius:.5rem .5rem 0 0}.article-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:5rem 1rem;padding:2rem}.article-item{border:1px solid var(--primary-color);border-radius:.5rem;box-shadow:0 2px 5px #0000004d}.article-item-body{padding:1rem;text-align:start}a{display:inline-block;text-decoration:none;margin:5px;padding:.6em 1.2em;font-weight:500;font-family:inherit;color:#fff;background-color:var(--primary-color);border:2px solid transparent;border-radius:8px;box-shadow:0 2px 5px #0000004d;transition:border-color .25s,transform .25s}a:hover,a:focus{border-color:var(--border-color);transform:scale(1.05)}@media only screen and (max-width: 768px){h1{font-size:2rem}.loading{font-size:1.5rem}.HeadLogo{width:2.5rem}.article-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem 1rem;padding:1rem}.article-item{border-radius:.5rem}}