:root{font-size:15px}*{box-sizing:border-box}body{margin:0;background-color:#f4eee5}body{font-family:'Courier New', Courier, monospace}header{padding:2rem 1rem 3rem;text-align:center}main{display:flex;margin:auto;max-width:1280px;padding:3rem 0.5rem;text-align:center}button{background-color:transparent;padding:6px 12px;border-radius:4px;border:2px solid #000;font-size:1.2rem}button:hover{cursor:pointer}section{border-radius:4px;border:2px solid rgba(0, 0, 0, 0.1);flex-grow:1;overflow:hidden}footer{text-align:center;min-height:1200px}footer div{padding:2rem}a{font-weight:bold;color:#121212}a:not(:hover){text-decoration:none}.example-usage{margin:2rem auto 0;padding:0 0.5rem;max-width:640px}.roller{height:14px;border-radius:10px;border:3px solid #000}.darkness{padding:0.5rem;background-color:#121212;border-radius:4px;color:#efebe5}.desk{margin:0 auto;max-width:720px;text-align:center}.desk-list{margin:0 auto;max-width:900px;font-size:1rem}.desk-list li:not(:last-child){margin-bottom:0.5rem}.status{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}.status small{margin-block:0.25rem;display:flex;justify-content:space-between}.status span{text-align:left}.status code{text-align:end;background-color:transparent;color:white;animation:fadeBackground 1s ease-in-out forwards}@keyframes fadeBackground{0%{background-color:rgba(255, 180, 17, 1)}100%{background-color:rgba(255, 180, 17, 0)}}.brand{margin:0;padding:4rem 1rem;display:flex;flex-direction:column;align-items:center;list-style-type:none;font-size:8rem;font-weight:bolder}.brand li{display:inline-block;width:100px}.brand li:not(:last-child){margin-bottom:5rem}.toggle-btn{margin-top:12rem;border-bottom:none;border-radius:4px 4px 0 0}.expand-block{max-height:0;overflow:hidden;transition:max-height 0.4s ease;text-align:left}.activator{margin-block:2.5rem;color:#fff;border:2px solid #fff;transform:rotate(-7deg)}