/*
copyright Evert 2026
This is the style CSS for this site
*/

.header {
    font-family: 'GermaniaOne', serif;
    font-size: 45pt;
    text-shadow: 15px 15px 20px #000000;
    -webkit-text-stroke: 2px #2d2d2d;	
    background-color: #2c6172;
    color: #b4b4b4;
    text-align: center;
/* text-shadow: offset-x offset-y blur-radius color; */
}
h1,h2,h3,h4,h5{
    line-height: .05;
}
h5{
    font-family: 'GermaniaOne', serif;
    font-size: 35pt;
    text-shadow: 0px 0px 0px #000000;
    -webkit-text-stroke: 2px black;	
    background-color: #2c6172;
    color: #10cc2f;
    text-align: center;    
}

textarea {
    resize: vertical;
    min-height: 120px;
  }
button {
    background-color: #2c3e50;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
  }

button:hover {
    background-color: #34495e;
  }

.contact-form {
    max-width: 500px;
    margin: 40px 0 40px 20px; /* top, right, bottom, left */
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  }

.contact-form h2 {
    margin-top: 0;
  }  

.form-group {
    margin-bottom: 15px;
  }

.content {
    font-size: 15pt;
    vertical-align: top;
/*	background-color: #479bb6;*/
    padding: 2rem;
/*    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);*/
}

/* this is the style for the block that uses the imported OpenDyslexic font  */
.ODcontent {
    font-family: 'Open Dyslexic', sans-serif;
    font-size: 15pt;
    vertical-align: top;
/*	background-color: #479bb6;*/
    padding: 2rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}


.footer {
    background-color: #333333;
    color: white;
    text-align: center;
}

.logo {
    height: 250px;
}

.large_image {
    max-width: 75%;
    height: auto;
}

.small_image {
    max-width: 25%;
    height: auto;
}

.tall_image {
    width: 100pt;
    height: 250pt;
}


textarea {
    resize: vertical;
    min-height: 120px;
  }
button {
    background-color: #2c3e50;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
  }

button:hover {
    background-color: #34495e;
  }