body {
    font-family: 'Roboto Slab', sans-serif;
    background-image: url('../img/background-keystroke-loxensis.jpg');
  }

nav {
    background-color: rgba(173, 207, 230, 1);
}

.nav-link:hover {
  background-color:rgba(173, 207, 230, 0.3);
}
.nav-link {
    color:#3A2D08;
}
.navbar-brand  {
  color:#3A2D08;
}
.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(58, 45, 8, 1);
  border-radius: 5px;
}

a:link { 
    text-decoration: none; 
  } 
a:visited { 
    text-decoration: none; 
  } 
a:active { 
    text-decoration: none; 
  }
.nav-image {
  padding: 5px;
}
.writing_process {
    height:200px; 
    padding: 5px;
    text-align: center;
}

.charts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

.process_link {
  display: block;
  margin: 10px;
  padding: 10px 20px;
  font-size: 16px;
  color: #3A2D08;
  background-color:rgba(173, 207, 230, 0.6);
  border: none;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
}

  .process_link:hover {
    opacity: 0.5;
  }

  .text-column {
    display: block;
        margin: 10px;
        padding: 10px 20px;
        font-size: 16px;
        color: #3A2D08;
        background-color:rgba(173, 207, 230, 0.6);
        border: none;
        border-radius: 5px;
  }
 .text-column p {
  text-align: justify;
 }

 .text-column a {
  color: #3A2D08;
  text-decoration: underline;
 }

 .footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(173, 207, 230, 1);
  color: #3A2D08;
  padding: 8px;
}

a {
  color:#3A2D08;
}