Add a bunch of CSS
Some checks failed
check / beta / clippy (push) Has been cancelled
check / stable / clippy (push) Has been cancelled
check / semver (push) Has been cancelled
check / nightly / doc (push) Has been cancelled
check / ubuntu / stable / features (push) Has been cancelled
check / ubuntu / 1.79.0 (push) Has been cancelled
check / stable / fmt (push) Has been cancelled

It's not amazing work, but now there's *something.*
This commit is contained in:
2025-11-08 10:37:34 -06:00
parent 86483497e9
commit 5abe894354

View File

@@ -4,15 +4,25 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<style> <style>
body {
background-color: hsl(100, 10%, 60%);
color: hsl(0, 0%, 15%);
}
h1 { h1 {
background-color: rgb(72, 97, 72);
text-align: center; text-align: center;
margin: auto;
padding: 0.5em;
} }
canvas { canvas {
padding-left: 0; margin-top: 1em;
padding-right: 0;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
display: block; display: block;
outline-color: hsl(100, 100%, 15%);
outline-style: outset;
border-radius: 8px;
background-color: rgb(40%, 40%, 40%);
} }
main { main {
margin-left: auto; margin-left: auto;
@@ -20,11 +30,12 @@
width: 70%; width: 70%;
} }
table { table {
margin-bottom: 10px;
border-collapse: collapse; border-collapse: collapse;
} }
th, td { th, td {
border: 1px solid; border: 1px solid;
padding: 2px 4px; padding: 0.1em 0.3em;
} }
</style> </style>
</head> </head>