@font-face {
    font-family: 'Heavy Gothik';
    src: url('/HeavyGothik.ttf') format('truetype');
}

@font-face {
    font-family: 'BGTHC';
    src: url('/BGTHC.ttf') format('truetype');
}

div {
    background-color: black;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: medium;
}
 
 .button-container {
   text-align: center;
   background-color: #1f1f1f;
   width: 800px;
   border-width: 0;
}
 
h1 {
    text-align: center;
    font-size: 50px;
    font-family: 'Heavy Gothik', Arial, sans-serif;
    color: purple;
    text-shadow: -1px 0 black, 0 6px black, 1px 0 black, 0 -1px black;
}

footer {
  text-align: center;
  background-color: black; 
  width: 750px;
  background-image: url('images/spacebg.gif');
  border-style: dashed;
  border-color: #420042;
  margin-left: auto;
  margin-right: auto;
}

p {
    text-align: center;
    padding: 5px;
    font-size: 25px;
    font-family: 'Times New Roman';
    color: purple;
}

h3 {
    text-align: center;
    font-size: 30px;
    font-family: 'BGTHC', Arial, sans-serif;
    color: purple;
}

h2 {
    color: #420042;
    text-align: center;
    font-size: 50px;
    font-family: 'Heavy Gothik', Arial, sans-serif;
}

ol {
  color: purple;
  font-size: 25px;
  font-family: 'Times New Roman', Arial, sans-serif;
}

ul {
  color: purple;
  font-size: 25px;
  font-family: 'Times New Roman', Arial, sans-serif;
}

li {
  color: purple;
  font-size: 25px;
  font-family: 'Times New Roman', Arial, sans-serif;
}

 a:visited{  
        color: grey;  
         }  
         a:hover{  
        color: darkgrey;  
         }  
         a:active{  
        color: #420042;  
         }  
         a:link{  
        color: white;  
         }  
         p{  
         font-size: 20px;  
         }   

.center-div {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}

.divinside {
  text-align: center;
  width: 750px;
  border-style: dashed;
  border-color: #420042;
  border-width: 2px;
}

.crosshair {cursor: crosshair;}

.custom-button {
    background-color: black;
    color: #420042;
    border: none;
    padding: 10px 20px;
    border-radius:5px;
    cursor: pointer;
    font-size: 16px;
    border-style: dashed;
   border-color: #420042;
   border-width: 2px;
}

body {
  background-image: url('images/background2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

 .button-container {
   text-align: center;
   background-color: #1f1f1f;
   width: 800px;
   border-width: 0;
}