*,::after,::before{box-sizing:border-box}main aside,main section{display:grid;grid-template-columns:1fr 1fr;gap:1rem}*{outline:0;text-decoration:none;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}body{margin:0;background:#111}.container{max-width:1000px;margin:auto;padding:1rem}img{width:100%;height:-moz-fit-content;height:fit-content}header{border-bottom:2px solid #222}header>div a{display:flex;max-width:200px;margin:auto}main{display:grid}main section img{border:2px solid #222;border-radius:10px}main section article h1{margin-top:0;color:#999;margin-bottom:0}main section article h1::after{margin-top:.5rem;content:"";display:block;width:75%;height:4px;background:linear-gradient(to right,#999 20%,#777 20% 40%,#555 40% 60%,#333 40%,transparent)}main section article p{color:#777;margin-top:.5rem}@media screen and (max-width:500px){main section{grid-template-columns:1fr}main section article{text-align:center}main section article h1::after{width:100%;background:linear-gradient(to right,transparent,#666 20%,#444 20% 40%,#222 40% 60%,#444 60% 80%,#666 80%,transparent)}}main aside{width:100%;margin:1rem auto auto}main aside a{text-align:center;font-weight:600;padding:.5rem;text-transform:uppercase}main aside a:first-child{color:#111;background:#fff;border:1px solid #fff}main aside a:last-child{color:#fff;background:#111;border:1px solid #fff}footer{padding:1rem;text-align:center;color:#777}