body{background-color:#fff;font-family:Roboto,Arial,Helvetica,sans-serif}nav{background-color:#848ba4;justify-content:space-between;padding:.94rem .625rem;display:flex}nav .nav-left,nav .nav-right{gap:.94rem;display:flex}nav a{color:#fff;margin:0 .94rem;font-size:.94rem;font-weight:700;text-decoration:none}nav a:hover{cursor:pointer;text-decoration:underline}.greeting{background-color:#848ba4;justify-content:space-between;align-items:flex-start;width:25rem;height:1rem;display:flex}.greeting h3{margin-top:.4rem;font-size:1rem}.greeting button{color:#fff;cursor:pointer;background-color:#848ba4;border:none;font-size:.875rem;font-weight:700}.main{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.mainarticle{background-color:#fff;border-bottom:.1rem solid #ddd;border-right:.1rem solid #ddd;border-radius:.5rem;gap:5rem;max-width:62rem;padding:1.25rem;display:flex}.mainarticle img{border-radius:.25rem;flex:20%;max-width:18rem;height:18rem}.description{flex:1 2 50%}.description h2 a{color:#000;font-size:1.8rem;text-decoration:none}.description p{color:#555;margin-top:.5rem}.otherarticles{background-color:#fff;border-bottom:.1rem solid #ddd;border-right:.1rem solid #ddd;border-radius:.5rem;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.5em;max-width:63.5rem;padding:.5rem;display:grid}@media (min-width:768px){nav{flex-direction:row;justify-content:space-between;align-items:center}.main{flex-flow:wrap;justify-content:center}.mainarticle{flex-direction:row;max-width:900px}.mainarticle img{max-width:14rem;height:14rem}.description h2 a{font-size:1.6rem}}@media (min-width:1200px){.main{justify-content:space-between}.mainarticle{gap:5rem;max-width:62rem}.mainarticle img{max-width:18rem;height:18rem}.otherarticles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:63.5rem}}@media (min-width:2000px){body{font-size:1.05rem}nav a{font-size:1.1rem}.main{gap:2rem}.mainarticle{max-width:128rem;padding:2rem}.mainarticle img{max-width:22rem;height:22rem}.description h2 a{font-size:2.2rem}.otherarticles{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;max-width:128rem}}