@font-face
{
    font-family: GothicTitle; 
    src: url('dark.ttf');
}

@font-face

{
    font-family: lino;
    src: url('fonts/linowrite.ttf');
}




html

{
    background-image: url('BlackBack.jpg');
    
    background-attachment:fixed;
    background-position:center;
    z-index:-1
}

.mainDiv
{
    background-color: rgba(0,0, 0, 0);
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 40px;
   
    
}

.contentDiv
{
    width: 850px;
    margin-left: auto;
    margin-right: auto;
}


.title
{
    font-family: GothicTitle;
    font-weight: normal;
    font-size: 100px;
    text-align: center;
    color: white;
    margin-top: 40px;
}

.text
{
    color: white;
    font-size: 27px;
    font-family: courier;
    margin-bottom: 0px;
    margin-top: 0px;
}
text{
    
    color: white;
    font-size: 27px;
    font-family: courier;
    margin-bottom: 0px;
    margin-top: 0px;
}


/*
.underscore
{
    background-color: white;
    height: 2px;
    width: 580px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -75px;
    margin-bottom: 60px;
}
*/


.button {
  display: block;
  padding: 15px 25px;
  font-size: 27px;
  font-family: courier;
  cursor: pointer;
  text-align: center;	
  text-decoration: none;
  outline: none;
  color: white;
  background-color: black;
  border: none;
  border-radius: 15px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  
}

.button:hover {background-color: grey}

.button:active {
  background-color: grey;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
headerButton{
    font-size: 27px;
    margin-top: 30%;
    
}

p
{
    color: white;
    font-size: 27px;
    font-family: courier;
    margin-bottom: 0px;
    margin-top: 0px;
}
body
{
    color: white;
    font-size: 27px;
    font-family: courier;
    margin-bottom: 0px;
    margin-top: 0px;
}

Start
{
    margin-top: 10px;
}

.heading
{
    font-size: 27px;
}

.centered
{
    margin-left: auto;
    margin-right: auto;
}

.picture
{
    display: block;
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#headers
{
    text-align: center;
}

Start
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}



#footing
{
    font-size: 27px;
    text-align: center;
    margin-top: 10%;
    margin-bottom: -30px;
   color: grey;
}

#Question
{
    font-size: 27px;
    font-family: courier;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: white;
    
}