body {
    line-height: 1.6;
    color: #333;
    padding: 0px;
    font-size: 20px;
    font-family:'Georgia', serif;
    font-size: 20px;
    line-height:1.9em;
    color: rgb(17, 17, 17);
    
}

.navbar, #hero, #CTA, .lead, h1, h2, h3, h4, h5, form, footer, .btn {
    font-family:'Arial', sans-serif;
}

#emailform {
    padding:30px 20px;
    background-color:#f9f8f5;
}

.bi, .bi-check-circle-fill {
    color: gold;
}

.body a {
        color: #a6540b;
        transition: color 0.15s, outline 0.15s;    
}

.body a:visited {
    color: brown;
}

.body a:hover {
    color: orangered;
    text-decoration: none;
}





/* Header styles */
.navbar, #hero {
    background-color: #F9F8F5;
    padding: 20px;
    text-align: center;
}

#hero.container {
    height: 200px;
}

#hero, h1, h2, h3, h4, h5 {
    margin-bottom: 20px;
    font-weight: 700 !important;
}

#bookcoverhero {
  margin-bottom: -150px; /* Pushes the image down outside the container */
}

#CTA {
    margin-top:85px;
}

#features {
    background-color: #F9F8F5;
}
/* Navigation styles */
nav ul {
    list-style-type: none;
    padding: 0;
}

nav ul li {
    display: inline-block;
    margin-right: 10px;
}

nav ul li a {
    text-decoration: none;
    color: #007bff;
}

/* Main content styles */
main {
    margin-top: 30px;
}

section {
    margin-bottom: 40px;
}

/* Footer styles */
footer {
    background-color: #f8f9fa;
    text-align: center;
    padding: 20px;
    width: 100%;
}

footer a {
    color:rgb(17, 17, 17);
    text-decoration: none;
}




.has-dropcap:first-letter {
    /* font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; */
    font-family:'Georgia', serif;
    float: left;
    font-size: 6rem;
    line-height: 0.65;
    margin: 0.1em 0.1em 0.2em 0;
  }
  
  .dropcap {
    /* font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; */
    font-family:'Georgia', serif;

    background: #303030;
    color: #FDF9F2;
    float: left;
    font-size: 6rem;
    line-height: 1;
    margin: 0.1em 0.1em 0.2em 0;
    padding: 0.1em;
  }
  .dropcap:before,
  .dropcap:after {
    content: "";
    display: block;
  }
  .dropcap:before {
    margin-top: -0.2em;
  }
  .dropcap:after {
    margin-bottom: -0.15em;
  }
  
  .sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0); 
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap; 
    width: 1px;
  }