
<style>
html *          {max-height:1000000px;}
body            {font-family: monospace;
font-size: 24px;
color: #f9ded0;
background: #262524;
margin: 0 auto;
text-align: center; }
h1              {font-size: 48px; }
h2              {font-size: 36px; }
.tab1      {margin: 0 auto;
border: 1px solid gray;
width: 80%;
font-size: 36px;
text-align: center; }
.tab2           {margin: 0 auto;
border: 0;
font-size: 24px;
width: 60%;
text-align: center; }
fieldset        {margin: 0 auto;
border: double;
background: #464443;
width: 75%;
font-size: 24px;
text-align: center; }
legend          {text-align: left;
font-size: 32px;
font-weight: bold;}
a               {color: #8e8b8a;
text-decoration: none;}
input           {font-size: 48px;
background: #f9ded0;
color: #000000;
width: 80%;
text-align: center; }
label           {font-size: 48px;}
.slabel         {font-size: 36px;
text-align: left;
display: grid;
grid-template-columns: 1em auto;
gap: 0.5em;}
input[type='checkbox']:checked {accent-color: #e55a17;}
.btn            {font-family: monospace;
padding: 15px 24px;
border: 0;
border-radius: 0.7rem;
color: #f9ded0;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
cursor: pointer;
width: 80%;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
font-size: 32px; }
.btn.blue       {background: #a03e10; }
.btn.blue:hover {background: #6a290a; }
.btn.gray       {background: #454241; }
.btn.gray:hover {background: #312f2e; }
</style>
