/* link to this file with */

/* <link type="text/css" rel="StyleSheet" href="style.css?version=<?php echo(time()); ?>" /> */

body      {
            margin:0;
            font-family: arial, helvetica, sans-serif;
            background-color: #000000;
            color: #FFFFFF;
          }
td        { font-family: arial, helvetica, sans-serif; }
a         { text-decoration: none; }
/* colors good on black or white, see Transient 03-May-2020 */
/* green */
a:link    { color: #008A00; }
/* blue */
a:active  { color: #00FFFF; }
/* orange */
a:visited { color: #AA6700; }
/* red */
a:hover   { color: #EB0050; }

.box      {
            display: inline-block;
            width: 200px;
            text-align: center;
            margin: 16px;
          }
/* START different images for > 900 px and < 900 px */

.wide {
}

.narrow {
         display:none;
        }

@media only screen and (max-width: 900px) {
	.wide {
		display:none;
	}
	.narrow {
		display:inline-block;
	}
}

/* END different images for < 900px */

#topofpage	{
		text-align:center;
		}
#message	{
		text-align:justify;
		font-size:x-small;
		width:95%;
		min-width:300px;
		max-width:600px;
		margin:16px auto;
		border:6px;
		border-color:white;
		border-style:ridge;
		background:#595959;
		padding:8px;
		}
/* Flex container/s for general use */
.flex-container {
  padding: 0;
  margin: 0 8px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  flex-wrap: wrap;
}
.flex-item {
  text-align: center;
  margin: 0.5em;
  flex: 1 1 auto;
}
.flex-item-fixed {
  text-align: center;
  vertical-align: middle;
  margin: 0.5em;
  flex: 0 0 auto;
 }
.flex-item-middle {
  text-align: center;
  margin: 12px 0;
  display: flex;
  -webkit-flex-direction:column;
  flex-direction: column;
  -webkit-justify-content:center;
  justify-content:center;
  resize:vertical;
  /* overflow: auto; */
  }
.flex-item-middle div {
  resize: vertical;
  /* overflow: auto; */
  }

/* END Flex container/s for general use */