:root{font-family:Arial;color:#fdf7f9;background:#160f14}*{box-sizing:border-box}body{margin:0}header{height:82px;padding:0 2rem;justify-content:space-between;border-bottom:1px solid #503040;background:#24151f}header,header>div{display:flex;align-items:center}header>div{gap:.7rem}.logo{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ed4c99;font-family:Georgia}nav{display:flex;gap:.5rem}nav button{color:#baaab3;background:transparent;border:1px solid #59404d;padding:.7rem 1rem;border-radius:4px}nav button.active{color:#fff;border-color:#ed4c99;background:#4a2238}nav i{font-style:normal;background:#ed4c99;color:#fff;border-radius:10px;padding:.1rem .4rem;margin-left:.4rem}.clock{font-weight:700}section{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;padding:1.5rem}.lane{background:#21161d;padding:1rem;min-height:calc(100vh - 112px)}.lane h2{font:700 1.2rem Georgia;display:flex;justify-content:space-between}.lane h2 span{color:#9f8795}.lane article{background:#fdf7f9;color:#25151f;margin:1rem 0;padding:1.2rem;border-top:6px solid #ed4c99}.lane:nth-child(2) article{border-color:#f8aa3e}.lane:nth-child(3) article{border-color:#4fbd8b}.lane article>div{display:flex;justify-content:space-between}.lane h3{font:700 1.2rem Georgia;margin:1.2rem 0 .4rem}.lane p{color:#7b6873}.lane button{width:100%;border:0;background:#321d2a;color:#fff;padding:.8rem;font-weight:700}.lane:nth-child(3) button{background:#e6ddd9;color:#3b2933}@media(max-width:800px){header nav{display:none}section{grid-template-columns:1fr}.lane{min-height:auto}}