body{color:#222;font-family:sans-serif;line-height:1.5;margin:1rem;max-width:768px;margin:auto;background-color:#fef49c}header{margin:1rem 0;display:flex;flex-direction:column;font-family:monospace;text-decoration:none;padding:10px;font-weight:700;background-color:#262627;border-radius:10px; #prompt { color: whitesmoke; border: 3px double gray; border-radius: 5px; padding: 4px; display: flex; } .cmd-prompt:after { content: "»"; margin-left: 4px; margin-right: 4px; font-weight: normal; } #cmd { background-color: inherit; border: none; outline: none; color: white; font-family: monospace; flex-grow: 1; } nav { margin-left: 10px; margin-top: 5px; } ul { list-style-type: none; padding: 0; margin: 0; } .sym:before { content: "lr-x"; margin-right: 20px; color: whitesmoke; font-weight: normal; } .sym:after { content: "~>"; margin-left: 4px; font-weight: normal; } .dir:before { content: "dr-x"; margin-right: 20px; font-weight: normal; color: whitesmoke; } .dir { color: cornflowerblue; } .file:before { content: "-r--"; margin-right: 20px; font-weight: normal; color: whitesmoke; } .file { color: whitesmoke; }}main{padding:10px 20px;background-color:#ffebcd;border:1px solid #262627;border-radius:10px;box-sizing:border-box;box-shadow:10px 10px #262627;width:calc(100% - 10px);h1 { margin: 0; }}footer{border-top:1px solid #222;margin-top:1rem}.sym{color:#008b8b}a{color:#00e;text-decoration:none;font-family:monospace}figure{display:flex;justify-content:center}ul{list-style-type:none;padding:0;margin:0;li { font-family: monospace; pre { display: inline-block; margin: 0; margin-right: 10px; } }}img{border:3px double #000}p img{width:100%}details{div { border: 1px solid black; padding: 10px; box-shadow: 2px 2px black; margin-bottom: 10px; } summary { cursor: pointer; }}h3{margin-bottom:0}blockquote{font-style:italic}.group{padding:10px;border:1px solid #000;border-radius:5px;box-shadow:2px 2px black;background-color:color-mix(in oklab,blanchedalmond 50%,white)}