/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
   
/* this isn't my first rodeo!! 
-- gs */

body {
  background-color: rgb(90,200,120);
  color: white;
  font-family: serif;
  font-size: 14pt;
}
.gs, .hdr{
 color: rgb(0,255,128); 
 text-shadow: 0 0 5px black;
}
.content{
 border: black 3px outset; 
 background-color: rgb(128,255,128);
 max-width: 1200px;
 width: 80%
}
.hdr {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}
.tnav {
 display: inline-block; 
 color: black;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 text-decoration: none;
}
.tnav button a, .tnav button a:visited {
  color: black;
  text-decoration: none;
  background-color: rgb(111,187,102);
}
.tnav button a:hover {
  color: rgb(173,217,168);
}
button {
 text-decoration: none;
 font-size: 18pt;
 color: black;
 border: none;
 font-family: serif;
}
.tnav button {
 border: 2px rgb(41,84,37) solid;
 background-color: rgb(90,200,120); 
 margin-left: 4px;
 margin-right: 4px;
 color: black;
}
.nav{
 width: 80%;
 max-width: 980px;
}
h3 {
 font-size: 18pt;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}
.txt{
 width: 80%; 
 max-width: 920px;
 color: black;
}
.footer{
 color: black;
 margin-bottom: 12px;
}
.topimg{
 max-width: 200px;
 width: 200px;
 margin-top: 20px;
 margin-bottom: 0px;
 padding-bottom: -20px;
}
/* buttons that should retain the appearance of the ones in the header
   but arent in the header for some mysterious reason. */
button a, button a:visited {
  color: black;
  text-decoration: none;
  background-color: rgb(111,187,102);
}
button a:hover {
  color: rgb(173,217,168);
}
button {
 text-decoration: none;
 font-size: 18pt;
 color: black;
 border: none;
 font-family: serif;
}
button {
 border: 2px rgb(41,84,37) solid;
 background-color: rgb(90,200,120); 
 margin-left: 4px;
 margin-right: 4px;
 color: black;
}
/* FUCK I FORGOT TO STYLE THE a TAG
   IM SO GETTING FIRED AAAAAAAAAA— wait a second this is self-made tf am i on about */
a {
  text-decoration: underline;
}
a:hover {
  color: rgb(62,200,62);
}

a:visited{
  
}