main{display:grid;grid-template-columns:auto auto;width:fit-content;height:fit-content;margin:0 auto}nav{padding:0 1em 3em;top:60px;height:max-content;text-align:center;position:sticky;width:10em}nav h1{border-bottom:#000 dotted}nav ul{padding:0;list-style:none}nav li{width:100%;margin-bottom:10px}nav li.current{border-top:#000 1px dashed;border-bottom:#000 1px dashed;font-style:italic}article{margin-right:1em;padding:0 1em;max-width:40em}article h1{font-size:2em;margin-top:0}label.image input[type=checkbox]{display:none;height:0}label.image input[type=checkbox]+img{vertical-align:top;box-sizing:border-box;width:200px;margin:1em auto;padding:10px;border:3px dashed hotpink;background-color:#f8c794;transition:width .2s}label.image input[type=checkbox]+video{background-color:#ffdab9;border:3px dashed #f8c794;padding:10px;margin:1em 0;box-sizing:border-box;display:block;width:80%}label.image input[type=checkbox]:hover+img{border:3px dotted transparent;border-radius:10px;background-color:rgba(255,88,166,.4)}label.image input[type=checkbox]:active+img{background-color:rgba(255,88,166,.6)}label.image input[type=checkbox]:checked+img{width:100%;transition:width .2s}