html{
    margin: 0px;
    padding: 0px;

}
body{
    background-color: black;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    
}

h1{
  font-size: 50px ;
}

footer{
    margin: 20px;
}
article{
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    line-height: 1.8;
}

hr{
    
    margin: 0px;
    height: 5px;
    width: 100%;
    background-color: white;
    color: white;
}
.fontbutton {
  padding: 10px;
  margin: 10px;
}

.topimage {
  max-width: 100%;
  width: auto;
  
}
.ftlinks a {
    text-decoration: none;
    font-size: 14px;
    margin: 3px 0px;
}
.ftlinks a:link{
    color: yellow;
}
.ftlinks a:visited{
  color: yellow;
}
.ftlinks{
    
    background-color: black;
    color: white;
}
.cpright{
    font-size: 14px;
    margin: 15px;
}

.mnspace{
  margin: 3px;
  text-decoration: none;
  text-align: center;

}

.mnspace2{
  margin: 3px;
  text-decoration: none;
  text-align: center;

}


.mnspace a{
  text-decoration: none;
  color: yellow;
  font-size: 30px;
}

.mnspace2 a{
  text-decoration: none;
  color: yellow;
  font-size: 24px;
}


.subheading{
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
}

.menu{
  text-align: center;
}
h1{
  margin: auto 0px;
}

.form-control{
  padding-left: 0px ;
  margin-left: 0px;
  font-size: 20px;
}

.inputheading{
  text-align: left;
  margin: 10px auto auto 0px;
}

  button{ 
  margin: 2%; 
  justify-content: center;
  } 
  .btn-primary{ 
  background-color: black; 
  columns: white;
  border: 2px solid white; 
  border-radius: 5%; 
  font-size: 24px;
  } 
 

  textarea{

    width: 70%;
    background-color: black;
    color: white;
    border: 2px solid white;
    padding: 3px;
  }
  
input {
  background-color: black;
  color: #ffffff;
  border: 2px solid white;
  padding: 3px;
}

.btn-font {
  background-color: black;
  color: white;
  border: 2px solid white;
  padding: 3px;
  font-size: 24px;
}

.txtbutton{
  border: 2px solid white;
  color: white;
  background-color: black;
  font-size: 18px;
  margin: 10px;
  padding: 10px;
  display: inline-block;
  position: relative;
}

.txtbutton a:visited{
  color: white;
}
.txtbutton a:link{
  color: white;
}
.txtbutton a{
  text-decoration: none;
  color: white;
  font-size: 18px;
}

.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 24px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
