body {
background-image:url('imgs/winterupdate.gif');
background-repeat: no-repeat;
background-size:cover;
color: #729DB5;
text-align:left;
font-size: 15px;
font-family:font2;
margin: 20px;
}


h4 {
font-size:27px;
margin-left:1%;
margin:0px;
color:white;
}
@font-face {
  font-family: myFont;
  src:url("fonts/kurt.ttf?#iefix") format("truetype");
  }
h1 {
  font-family:"font2";
  font-size:60px;
  }
  
@font-face {
  font-family: font2;
  src:url("fonts/gothic.ttf?#iefix") format("truetype");
  }
a:link 
{ color: #3FB2F2;
background-color: transparent;
text-decoration: underline; }
a:visited { color: #729DB5;
background-color:transparent;
text-decoration: underline;}
  
p {
  font-family:"font2";
  }

::selection {
  background-color:#729DB5;
  color:white;
  }
.windows {
  background-color:#B5D5E8;
  border-color: #B8E5FF;
  border-style:outset;
  font-size:30px;
  color:#729DB5;
  }
.windowsgrad {
  margin:0px;
  height:30px;
background: linear-gradient(90deg,rgba(182, 214, 217, 1) 0%, rgba(107, 141, 219, 1) 100%);
color:white;

  }
.myDiv {
  background-color:#B5D5E8;
  border-color: #B8E5FF;
  border-style:outset;
  font-size:30px;
  color:#729DB5;
margin-top: 1px;
margin-bottom:2%;
margin-left: 19%;
margin-right: 2%;
padding: 1%;
}

.divv {
  width:53%;
  text-align:center;
  background-color:#B5D5E8;
  border-color:#B8E5FF;
  border-style: outset;
  color:#729DB5;
  padding:5px;
  margin-left:-1.75%;
  margin-right:1%;
  float:left;
  }

.rightmost {
  width:22%;
  float:right;
  background-color:#B5D5E8;
  border-color:#B8E5FF;
  border-style:outset;
  color:#729DB5;
  text-align:center;
  margin-top: 1px;
  margin-bottom: 2%;
  padding:1%;
  }
.footer {
  position: fixed;
  left:0;
  float:none;
  bottom:0;
  width:100%;
  text-align:center;
  }
.sidecolumn {
  width: 15%;
  float:left;
  background-color: #B5D5E8;
  margin-right: 3%;
  border-style: outset;
  border-color: #B8E5FF;
  border-radius: .25px;
  text-align: center;
  margin-top: 1px;
  margin-left: 5px;
  padding: 1%;
}

.quote {
  width:35%;
  float:right;
  font-size:20px;
  margin-right:1%;
  text-align:center;
  margin-top:1px;
  margin-left:5px;
  padding:0px;
   background-color:#B8E5FF;
  border-color: #B8E5FF;
  border-style:outset;
  color:#729DB5;;
  
  }

.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: darkred;
  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: #B8E5FF;
  color: white;
}

.footer {
  position: fixed;
  left:0;
  bottom:0;
  width:20%;
  margin-left:40%;
  margin-bottom:10px;
  background-color:#B5D5E8;
  font-size:20px;
  border-color:white;
  border-style:solid;
  text-align:center;
  }