body {
    background-color: #7f7f7f;
    margin: 0 auto;
    font-family: Arial;
    background-image: url('bg.png');
    background-size: cover;
    color: white;
    
}

.millers-main {
    background: rgba(25, 25, 25, .5);
    height: 100%;
}

.header 
{
    text-align: center;  
    height: 30%;
}
.logo { 
    margin: 2em;
}

.content {
    min-height: fit-content;
}

p {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
}
img{  
    height: 50%;  
}  

/* form */

.label-name, .label-email{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    white-space: pre;
    width: 6em;
    height:5%;
}

.name, .email {
    width: 30%;
    padding: 0.2em 0.5em;
}

.form-container {
    margin: 5% auto;
    display: block;
    width:100%;
    text-align:center;
    justify-content: center;
  }

  input, textarea {
    background-color: #7f7f7f;
    color: white;
    border: none;
    box-shadow: none;
    border-radius: 4px;
    border: 1px solid white;
    font-size: 1.5em
  }

  input:focus {
    background-color: #7f7f7f;
    color: white;
    border: none;
    box-shadow: none;
    border: 1px solid white;
  }
  
 

  /* Button */
  .btn-container {
    margin: 6em;
  }
  .btn {
    background-color: #7f7f7f;
    border: 1px solid white;
    color: white;
    padding: 0.6em 2em 0.5em;
    text-align: center;
    font-size: 1.5em;
    transition: 0.3s;
    border-radius: 4px;
  }
  
  .btn:hover {
    border-color: #7f7f7f;
    background-color: white;
    color: black;
  }