@font-face { font-family: 'merriweather'; src: url(/res/merriweather-regular.woff2); } @font-face { font-family: 'cascadia'; src: url(/res/cascadiacode.woff2); } body { font-family: merriweather; background-image: url("/res/grey.png"); background-repeat: repeat; padding: 20px 10px 20px; line-height: 1.75em; height: 100%; max-width: 40em; display: flex; margin: auto; } main { border-radius: 15px; padding: 15px; background-color: #ffeedd; margin: 2px; width: 100% } code { font-family: cascadia; } table { margin-left: auto; margin-right: auto; } table, th, td { padding: 5px; border: 3px solid black; border-style: solid; border-collapse: collapse; /* text-align: center; */ align-content: center; } a { color: #df3e23; font-style: italic; text-decoration: none; } a:visited { color: #df3e23; font-style: italic; text-decoration: none; } a:focus:before,a:active:before,a:hover:before { content: "["; font-style: normal; color: black; outline: none; outline-color: transparent; outline-style: none; } a:focus:after,a:active:after,a:hover:after { content: "]"; font-style: normal; color: black; outline: none; outline-color: transparent; outline-style: none; } h1 { border-bottom: 2px solid; padding-bottom: 0.2em; } section { content-align: center; text-align: center; } figure { display: inline-block; width: 10em; max-height: 14em; margin: auto; padding: 0.8em; } figcaption { margin-top: 0.4em; line-height: 110%; } img { display: block; width: 100% }