.navbar {
    position: fixed;
    width: 100%;
    background-color: #7CCD7C;
}
.navbar a {
    color: black;
}

.navbar-light .navbar-nav .nav-link {
  color: black;
}

i {
    font-size: 27px;
    width: 34px;
  }

  .navbar a {
    font-size: 19px;
  }
  
@media screen and (max-width: 600px) {
      .navbar ul li {
        list-style-type: none;
        border-left: 0px;
        border-right: 0px;
      }
    }

    .navbar-light .navbar-toggler {
      border-color: #7CCD7C;
      width: 85px;
  }

  @media screen and (max-width: 600px) {
    p {
      padding: 20px;
    }

    hr {
      width: 80%;
    }

    .citacao {
      margin: 20px;
    }
    
    .tabela {
      padding: 20px;
    }

    summary {
      padding: 10px;
    }

    .modais {
      padding: 20px;
    }

    img.postit {
      width: 80%;
    }
  }

  .navbar a:hover {
    color: #c5f0c5;
  }

  .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: #c5f0c5;
}
  
.navbar-light .navbar-nav .active>.nav-link:hover {
  color: #c5f0c5;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #c5f0c5;
}

.citacao {
    background-color: #c5f0c5;
    padding: 10px;
    border-radius: 10px;
    font-size: 18px;
}

h1 {
    font-family: Helvetica, "sans-serif";
    text-align: center;
    margin-top: 50px;
}

h2 {
    font-family: Helvetica, "sans-serif";
    font-size: 35px;
    text-align: center;
}
  
p {
      font-family: Helvetica;
      color: black;
      font-size: 23px;
      text-align: justify;
     
}

a {
  text-decoration: none;
}

a:hover {
  color: #7CCD7C;
}

.td {
    padding: 8px;
}

th, td {
  border: 1px solid black;
}

.botao1 {
    background-color:#db6d32;
}
.botao2 {
    background-color:#f7b40d;
  }
  
.botao3 {
    background-color: #67ba07;
  }
.botao4 {
    background-color: #0bcaaa;
  }
.botao5 {
    background-color: #6fb3d8;
  }
.botao6 {
    background-color: #776daa;
  }
.botao7 {
    background-color: #bd34af;
  }
.botao8 {
    background-color: #d52071;
  }
.botao9 {
    background-color:#e70606;
  }
.botao10 {
    background-color: #6d6d6d;
}

.botao-modais {
    width: 107px;
    border: white;
    height: 100px;
    border-radius: 10%;
    padding: 5px;
    font-size: 20px;
    box-sizing: border-box;
    display: inline;
    vertical-align: middle;
}

.desafios {
    text-align: center;
}

.infografico {
  text-align: center;
}

button {
    background-color: #7CCD7C;
    width: 170px;
    height: 63px;
    border-radius: 15px;
    font-size: 20px;
    color: black;
  }
  
  .button a {
    text-decoration: none;
    font-family: Helvetica;
  }
  
  button a:link {
    text-decoration: none;
  }
  
.dropdown-item:hover{
  background-color:  #7CCD7C;
}

  button:hover {
    cursor: pointer;
    background-color:  #c5f0c5;
  }
  
.footer {
      bottom: 0px;
      width: 100%;
}
    
ul.footer {
      list-style-type: none;
      margin: 0;
      padding: 6px;
      overflow: hidden;
      background-color: #7CCD7C;
      font-family: Helvetica;
}
    
ul.footer li {float: right;}
    
ul.footer li a {
      display: block;
      color: black;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 15px;
      font-family: Helvetica;
}

ul.footer li a:hover {
  color: #c5f0c5;
}
    
ul.footer li a.active {background-color: #4CAF50;}
    
ul.footer li.right {float: right;}
    

    
ul li {
      list-style-type: none;
      border-left: 1px solid black;
      border-right: 0px solid black;
}

.footer ul li {
  list-style-type: none;
  border-left: 0px solid black;
  border-right: 1px solid black;
}