.underline{
    word-spacing: 200%;
    text-decoration: none;
    display: inline-block;
    position: relative;
    color:#3953A4;
    -webkit-text-stroke-width:thin;
    -webkit-text-stroke-color: black;
    font-family: good-times, sans-serif;
  }
  
  .underline:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #3953A4;
    font-family: good-times, sans-serif;
    -webkit-text-stroke-width: thin;
    -webkit-text-stroke-color: black;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
  }
  
  .underline:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }
nav{
    font-weight: bold;
    text-align:center;
    background-color:white;
    width:99.5%;
    height:50px;
    position:fixed;
    top:0;
    border: 3px #000 solid;
    overflow-x:hidden;
    z-index:400;
}
h2{
    text-align:center;
    font-family: good-times, sans-serif;
}

nav a{
    font-weight:bold;
    font-family: good-times, sans-serif;
    font-weight: normal;
    margin:15px;
    -webkit-text-stroke-color: black;
    -webkit-text-stroke: 10% 10%;
}
#wrapper{
    margin-right:auto;
    margin-left:auto;
    margin:10%;
}
body{
  margin:0;
  background-image:url(img/bigger_sun_city.jpg);
  background-repeat:no-repeat;
  background-size: 100%;
  width:100%;
  background-attachment: fixed;
}
ul{
  margin:0;
  padding:0;
  list-style-type:none;
}

#footer{
  background-color:white;
  border-width:3px;
  border-color:#000;
  border-style:solid;
  font-family: good-times, sans-serif;
  padding:0;
  bottom:0;
  width:99.5%;
  font-size:12px;
  text-align:center;
  display:grid;
  grid-template-columns:repeat(4, 1fr);

}
#footer a{
  text-decoration: none;
  margin:15px;
  font-family: good-times, sans-serif;
  margin-bottom:1rem;
}
#firstcolumn{
  grid-column: 1;
  text-decoration: none;
}
#firstcolumn ul{
  grid-column:1/2;
}
#secondcolumn{
  grid-column:2/3;
}
#more{
  background-color:#000;
  color:white;
  text-decoration:none;
  -webkit-text-stroke-width: thin;
  -webkit-text-stroke-color: black;
}
#about{
  padding:20px;
  background-color:#0000;
  color:#ffff;
  text-align: center;
  font-family: good-times, sans-serif;
}
#about p{
  text-align: left;
}
#title{
  display:grid;
  grid-template-columns: auto;
  grid-template-rows: 0;
  text-align: center;
  font-family:good-times,sans-serif;
  white-space: nowrap;
}
#bluetext{
  position:relative;
  right:2px;
  color:blue;
  grid-row:1;
  z-index:8;
  grid-area:1/1;
  background-color: #000;
}
#redtext{
  position:relative;
  left:2px;
  color:red;
  z-index:9;
  grid-area:1/1;
}
#blacktext{
  z-index:10;
  color:#fff;
}
#logo{
  text-decoration: none;
  font-family:good-times, sans-serif;
  color:black;
  font-weight:bold;
  text-align: left;
  margin:15px;
  position:relative;
  right:4rem;
  border-right: solid #000 2px;
  display:inline-block;
}
.smalltext{
  color:#818080;
  font-size: .6rem;
}
.footerhead{
  color:black;
}