body {
background-image:url('imgs/zbg.jpg');
background-repeat: repeat;
color: chartreuse;
text-align:left;
font-size: 25px;
margin: 20px;
}

@font-face {
  font-family:font2;
  src:url("fonts/gothic.ttf#iefix") format("truetype");
}
p {
  font-family:"font2";
  }
h3 {
  font-family:"font2"
  }
  h1 {font-family:"font2";}
.myDiv {
background-color:black;
border-color:chartreuse;
border-style: ridge double;
border-width:10px;
color:chartreuse;
margin-top: 1px;
margin-bottom:2%;
margin-left: 2%;
margin-right: 19%;
padding: 1%;
}

.main {
  background-color:black;
border-color:chartreuse;
border-style: ridge double;
border-width:10px;
color:chartreuse;
margin-top: 2%;
margin-bottom:2%;
margin-left: 5%;
margin-right: 5%;
padding: 1%;
}

.header{
    width:50%;
  text-align:center;
  background-color:black;
  border-color:chartreuse;
  border-style: ridge double;
  color:chartreuse;
  padding:5px;
  border-width:10px;
  margin-left:25%;
  margin-right:25%;
  margin-top:1%;
  }
  
.back {
  width:15%;
  text-align:center;
  background-color:black;
  border-color:chartreuse;
  border-style: ridge double;
  color:chartreuse;
  padding:5px;
  float:left;
  border-width:10px;
  margin-left:3%;
  margin-right:2%;
  margin-top:1%;
  }

  .buttons{
    width:15%;
  text-align:center;
  background-color:black;
  border-color:chartreuse;
  border-style: ridge double;
  color:chartreuse;
  padding:5px;
  float:right;
  border-width:10px;
  margin-left:2%;
  margin-right:3%;
  margin-top:1%;
  }

.divv {
  width:53%;
  float:left;
  text-align:center;
  background-color:black;
  border-color:chartreuse;
  border-style: outset;
  color:darkblue;
  padding:5px;
  margin-left:-1.75%;
  margin-right:1%;
  }
.footer {
  position: fixed;
  left:0;
  bottom:0;
  width:100%;
  text-align:center; }
  
  ::selection {
  background-color:chartreuse;
  color:black;
  }


.sidecolumn {
  width: 15%;
  float:right;
  background-color: black;
  color:chartreuse
  margin-right: 1%;
  border-style: outset;
  border-color: chartreuse;
  border-radius: .25px;
  text-align: center;
  margin-top: 1px;
  margin-left: 3px;
  padding: 1%;
}

.imgtxt {
  width: fit-content;
  height: fit-content;
  display: inline-block;
  position: relative;
}
.imgtxt span {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 2.5rem;
  color: #FFF;
  filter: drop-shadow(1px 1px 0 black) 
    drop-shadow(-1px 1px 0 black)
    drop-shadow(1px -1px 0 black)
    drop-shadow(-1px -1px 0 black);
}

.imgtxt:hover span, .imgtxt:focus span {
  opacity: 1;
}

.imgtxt:hover img, .imgtxt:focus img {
}
	
mark {
  background-color: chartreuse;
  color: black;
}