/* Global options */ * { text-align: center; font-family: monospace; } /* Table styles */ table, th, td { margin-left: auto; margin-right: auto; text-align: left; border-collapse: collapse; width: 70%; } th, td { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; } th { border-bottom: 1px solid black; } tr:nth-child(odd) { background-color: #dcdcdc; } /* Paragraphs and text */ p { font-size: 1.25em; } body { width: 80%; margin: 0 auto; background-color: #f5fffa; color: black; padding: 10px; } html { background-color: #696969; scroll-behavior: smooth; } /* Headings and footer */ h1, h2, h3, h4, h5, h6 { text-decoration: underline; } footer { background-color: #dcdcdc; border-radius: 10px; } footer p { padding: 10px; margin: 0px; font-size: 1em; } /* Header style */ #thumb { position: absolute; border-radius: 50%; max-height: 80%; max-width: 80%; width: auto; height: auto; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } #thumb-container { position: relative; height: 80px; width: 80px; float: left; padding-right: 40px; } #links { float: left; overflow: hidden; } #links a { letter-spacing: normal; padding-right: 10px; font-weight: bold; } .header { height: 80px; text-align: left; line-height: 80px; font-size: 1.25em; border: 1px solid black; overflow: hidden; }