html { background-color: #333; font-family: Consolas, Monaco, "Lucida Console", monospace !important; font-size: 0.9rem !important; color: #ccc !important; height: 100%; } body { box-sizing: border-box !important; margin: 0; padding-top: 3.5rem; padding-bottom: 3.5rem; padding-left: 1.5rem; padding-right: 1.5rem; background-color: #3d3d3d; max-width: 600px; min-height: 100vh; } @media only screen and (max-width: 700px) { * { font-size: 1.2rem; } body { max-width: 100%; padding-left: 1rem; padding-right: 1rem; } pre { display: none; } } p, span, a, h1, h2, h3, h4, h5, h6 { color: inherit; margin: 0; } a { text-decoration: wavy underline !important; transition: text-decoration 2s ease-out; } .highlight { color: rgb(158, 158, 239); } .flex-row { display: flex; flex-direction: row; } .flex-col { display: flex; flex-direction: column; } .one { margin-left: 2rem; display: flex; flex-direction: column; gap: 0; } .two { margin-left: 2rem; } .three { margin-left: 3rem; } .contact { gap: 0; display: flex; flex-direction: row; }