body{
    background-color: white;
    font-family: 'Mrs-Eaves', Verdana;
    font-size: 14px;
    line-height: 0.9em;
}
.window{
 background-image: url(index.png);
    width: 1269px;
    height: 721px;
    background-size: cover;
    background-repeat: no-repeat; 
    margin: -10px 0px 0px -10px;
    overflow: hidden;
}
.aboutwindow{
 background-image: url(about.png);
    width: 1269px;
    height: 721px;
    background-size: cover;
    background-repeat: no-repeat; 
    margin: -10px 0px 0px -10px;
    overflow: hidden;
}
.joinwindow{
    background-image: url(join.png);
    width: 1269px;
    height: 721px;
    background-size: cover;
    background-repeat: no-repeat; 
    margin: -10px 0px 0px -10px;
    overflow: hidden;
}
.codeswindow{
    background-image: url(codes.png);
    width: 1269px;
    height: 721px;
    background-size: cover;
    background-repeat: no-repeat; 
    margin: -10px 0px 0px -10px;
    overflow: hidden;
}
.fanswindow{
    background-image: url(fans.png);
    width: 1269px;
    height: 721px;
    background-size: cover;
    background-repeat: no-repeat; 
    margin: -10px 0px 0px -10px;
    overflow: hidden;
}
.creditswindow{
    background-image: url(credits.png);
    width: 1269px;
    height: 721px;
    background-size: cover;
    background-repeat: no-repeat; 
    margin: -10px 0px 0px -10px;
    overflow: hidden;
}
.nav{
    font-size: 20px;
    margin-left: 30px;
     line-height: normal;
}
.nav a, .nav a:visited{
    text-decoration: none;
    color: black;
}
.nav a:hover{
    text-decoration: none;
    color: rgb(93, 93, 93);
}
.home{
    margin: 144px 0px 10px 150px ;
}
.about{
    margin: 0px 0px 10px 130px ;
}
.join{
     margin: 0px 0px 10px 110px;
}
.fans{
     margin: 0px 0px 10px 90px;
}
.codes{
     margin: 0px 0px 10px 70px;
}
.credit{
     margin: 0px 0px 10px 50px;
}
h1{
    font-weight: bold;
    text-decoration: none;
    font-style: italic;
    margin: 0px 0px 10px 0px;
    font-size: 30px;
}
.text{
    position: fixed;
    left: 280px;
    top: 150px;
    width: 360px;
}
.text a, .text a:visited{
    text-decoration: none;
    color: #61a1e1;
}
.text a:hover{
    text-decoration: none;
    color: #4982bb;
}
.homenav{
    text-align: center;
  word-spacing: 5px;
  line-height: 0.5em;
}
.formtext{
    position: fixed;
    left: 280px;
    top: 150px;
    width: 500px;
}
.formtext a, .formtext a:visited{
    text-decoration: none;
    color: #61a1e1;
}
.formtext a:hover{
    text-decoration: none;
    color: #4982bb;
}
#form{
    margin-top: -4px;
}
select{
    width: 180px;
    text-align: center;
}
.message{
    padding: 3px 0px 0px 0px;
}
.parent{
    display: grid;
  grid-template-columns: auto auto auto auto auto;
  width: 370px;
  grid-gap: 1px;
  padding: 1px 1px 1px 1px;
  z-index: 10;
}
.parent div{
  padding: 1px;
}
.title{
    border-bottom: #4982bb dotted 2px;
}