@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; } .container { max-width: 40em; } .tile { border-radius: 15px; padding: 15px; background-color: #ffeedd; margin: 2px; width: 100% } .third { padding-left: 5px; padding-right: 5px; flex: 30%; } .half { padding-left: 15px; padding-right: 15px; flex: 50%; } .bg { width: 100%; height: 100%; display: block; position: fixed; top: 0; left: 0; z-index: -9999; } code { font-family: cascadia; } .monospace { font-family: cascadia; align-content: center; } .flex { display: flex; margin: auto; } .text_center { text-align: center; } 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:before { content: "["; font-style: normal; color: black; } a:after { content: "]"; font-style: normal; color: black; }