This is an old revision of the document!

h1 { color: green; } body { background: burlywood; } article#content{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1em; border: 1em inset sienna; } p { display: inline-block; max-width: 16rem; color: black; font-size: 25px; text-align: center; } #navbar .right-column, .site-header, div#sidebar , .page-info{ display: none; } .site-name { color: transparent !important; background: linear-gradient(45deg, #9b9a9a, #ffffff, #898888); position: fixed; top: 27vh; bottom: 0; left: 20px; width: 30px; height: 320px; z-index: 1; } .site-name:after { content:"occupied"; color: red; transform: rotate(90deg); position: absolute; left: -14px; } .left-column { padding: 0; } p:nth-child(4n) { -webkit-text-stroke: #00ed3c 1em; paint-order: stroke; line-height: 1.5; font-family: fantasy; transform: rotate(-2deg); } p:nth-child(4n+1) { background: #e100ff; font-family: cursive; transform: rotate(18deg); } p:nth-child(4n+2) { background: #e100ff; font-family: cursive; transform: rotate(18deg); } p:nth-child(4n+3) { background: #e100ff; font-family: cursive; transform: rotate(18deg); } /* p:nth-child(1) { background: #00ed3c; } p:nth-child(2) { background: #d26bb7; } p:nth-child(3) { background: #df721e; } p:nth-child(4) { background: #91ff00; } p:nth-child(5) { background: #e100ff; } p:nth-child(6) { background: #9b89d6; } p:nth-child(7) { background: #c3ff00; } p:nth-child(8) { background: #df721e; } p:nth-child(9) { background: #91ff00; } p:nth-child(10) { background: #e100ff; } p:nth-child(11) { background: #00ed3c; } p:nth-child(12) { background: #d26bb7; } p:nth-child(13) { background: #df721e; } p:nth-child(14) { background: #91ff00; } p:nth-child(15) { background: #e100ff; } p:nth-child(16) { background: #9b89d6; } p:nth-child(17) { background: #c3ff00; } p:nth-child(18) { background: #df721e; } p:nth-child(19) { background: #91ff00; } p:nth-child(20) { background: #e100ff; } */