body 
{
	background: #FFE8EA;
	color: #1e3231;

	font-family: 'IBM Plex Mono', monospace;	


	margin: 30px 14% 20% 14%;
	text-align: center;
	padding-left: calc(100vw - 100%);
@viewport {
  width: device-width ;
  zoom: 1.0 ;
}


  counter-reset: sidenote-counter;
}

.menu
{
	background: white;
        border: 1px solid #000000;
	padding: 20px;
        width: fit-content;
	width: moz-fit-content;
  	margin-left: -15%;
        transform: translate(-100%, -0%);
	margin-bottom: 50px;
}

.hotbar
{
  color: #1e3231;

    font-family: 'IBM Plex Mono', monospace;

  text-decoration: none;
	margin: auto auto 10px auto;
}

a:hover, a:visited, a:link, a:active
{
    font-family: 'IBM Plex Mono', monospace;
	color: #1e3231;
  text-decoration: none;
}

a:hover, a:link:hover, a:visited:hover 
{
	color: #1e3231;
}

.widebox {
  background: #FFFEE7;
  border: 1px solid #1e3231;
  padding: 20px;
  max-width: 90%;
  margin: 0 auto 50px auto;
}

.fivecol-grid {
  display: flex;
  gap: 5px;
  justify-content: space-between;
  align-items: flex-start;
}

.column {
  display: flex;
  flex-direction: column;
  width: calc((100% - 40px) / 5);  /* 5 columns with 4 gaps of 10px = 40px total */
}

.column img {
  width: 100%;
  height: auto;
  display: block;
  border: none;
}

.textblock
{
  display: block;
  text-align: justify;
  max-width: 90ch;
  margin-left: auto;
  margin-right: auto;
}

.textblock a:link, .textblock a:visited
{
  color: #38182f;
}

.textblock a:hover, .textblock a:active
{
  color: #8080E0;
}



img 
{
  max-width: 100%;
  height: auto;
  width: auto;
  margin-bottom: 20px;
}

.imagelink
{
  display: block;
}

p
{
  margin-top: 10px;
  margin-bottom: 0;  
}

p:first-of-type
{
  margin-top: 0; 
}

h1
{
  margin-top: 10px;
  margin-bottom: 10px;
  color: #1e3231;
}

h2
{
  margin-top: 20px;
  margin-bottom: 20px;
}

h3
{
  margin-top: 20px;
  margin-bottom: 20px;
}

h4
{
  margin-top: 20px;
  margin-bottom: 20px;
}

table, th, td {
  border: 1px solid black;
  border-spacing: 3px;
}


center
{
	text-align:center;
	margin: 0 auto;
	width: 60%;
}