*{box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;height:100vh;margin:0}header{position:fixed;height:50px;width:100%;top:0;background-color:#fff;display:grid;grid-template-columns:2fr 1fr;font-size:2rem}header .nav{display:flex;align-items:center}header .nav:last-child{justify-content:flex-end;margin-right:1rem}header #left-panel{display:grid;grid-template-columns:1fr 4fr}header #left-panel:hover{background-color:#d9dadb}header #left-panel:hover div:first-child:hover{color:#fff}header #left-panel:hover div:last-child:hover{color:#fff}header #left-panel:hover .wrapper:last-child:not(:hover){color:#000}header #left-panel div:first-child{padding:0 1rem}#clone-info span a:hover,header #left-panel .wrapper{color:#d9dadb}header #left-panel .wrapper .nav{display:flex;justify-content:space-between;height:100%;width:55%}header #right-panel{display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between}header #right-panel:hover{background-color:#d9dadb}header #right-panel div:first-child{margin:0 1rem;justify-content:space-between}header #right-panel div:last-child{font-size:.9rem}main{margin-top:50px;height:100%;min-height:800px;display:grid;grid-auto-rows:48%}@media screen and (min-width:900px){main{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:600px) and (max-width:900px){main{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:0px) and (max-width:300px){main{grid-template-columns:1fr}}article{display:grid;grid-template-rows:10fr 1fr}article img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#clone-info,article span{display:flex;align-items:center}article span{margin:5px;padding-left:5px}#clone-info{justify-content:center;flex-wrap:wrap}#clone-info span{display:block}#clone-info span a{text-decoration:none}#clone-info span a:visited{color:#000}