* {
    margin: 0;
    padding: 0;
  }

body {
  background-color: rgb(255, 255, 255);
  font-family: monospace;
  font-weight: bold;
}

h1 {
  color: rgb(0, 0, 0);
  text-align: center;
  display: inline-flex;
  font-size: 1.0em;
}

.large {
  font-size: 1.8em;
  line-height: 1.2em;
}

.left-element {
  position: fixed;
  margin-top: 23px;
  margin-left: 39px;
}

a {
  color: rgb(0, 0, 0);
  font-size: 1.0em;
}

a:link { 
    text-decoration: none; 
  } 
a:visited { 
    text-decoration: none; 
  } 

a:hover { 
    text-decoration: none;
    color: red;
    cursor: pointer;
  } 

.center {
  margin: auto;
  width: 100%;
  margin-top: 5.3em;
  text-align: center;  
  word-wrap: break-word;
  display: inline-block;
}
 
.image {
  width: 45%;
  height: auto;
  margin: 1px;
  margin-top: 2px;
  margin-bottom: 8px;
}

/* image controllers */

.p30 {
  width: 30%;
  height: auto;
}

.p38 {
  width: 38%;
  height: auto;
}

.p43 {
  width: 43%;
  height: auto;
}

.p55 {
  width: 55%;
  height: auto;
}

.p65 {
  width: 65%;
  height: auto;                      
}

.p28 {
  width: 28%;
  height: auto;
}

.p90 {
  width: 90%;
  height: auto;
}

.p70 {
  width: 80%;
  height: auto;
}

.block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
}

/* end text control */


.theend2{
  color: rgb(0, 0, 0);
  text-align: center;
  font-size: 4vw;
  letter-spacing: -3px;
  margin: 22%;
  margin-bottom: 15%;
  font-family: 'Courier New', Courier, monospace;
  font-weight: bold;
}

/* copy right */

.bottom {
  position: fixed;
  bottom: 1.2em;
  width: auto;
  margin-top: 23px;
  margin-left: 39px;
}

/* below 600px */

@media screen and (max-width: 800px) {

.center {
  width: 100%;
}

.bottom{
  margin-left: 19px;
}

.image{
  width: 90%;
  height: auto;
}

.left-element {
    margin-left: 19px;
}

.theend2{
  color: rgb(0, 0, 0);
  text-align: center;
  font-size: 10.0vw;
  letter-spacing: -3px;
  margin: 10%;
  margin-bottom: 50%;
  margin-top: 50%;
  font-family: 'Courier New', Courier, monospace;
  font-weight: bold;
}

html, body { 
  max-width: 100%; 
  overflow-x: hidden;}
}
