<nav class="navbar-expand-lg navbar-light ">
  <h1 href="#">Apaixonados do CAAD</h1>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav"
    aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
</nav>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Mr+Dafoe" />
<style>
  h1 {
    margin-bottom: 20px;

    text-align: center;
    color: #ededed;

    padding: 1.5rem;

    font-family: Mr Dafoe;
    font-size: 4rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 26.4px;
    opacity: 90%;
    text-shadow: 2px 2px #cf1616cc;


  }

  /* Normal text */
  p {
    font-size: 1.5rem;
    font-style: normal;
    line-height: 1.5;
    color: #ededed;
    text-shadow: 2px 2px #cf1616cc;
    margin-bottom: 1.5rem;
  }

  h3 {
    font-family: Mr Dafoe;
    font-size: 3.5rem;
    margin-left: 1rem;
    font-style: normal;
    color: #ededed;
    text-shadow: 2px 2px #cf1616cc;
  }

  nav {
    background-color: #861615;
    /* Overflow widht */
    width: 100%;
    box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.2);

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }

  footer {
    font-size: 2.5rem;
    font-style: normal;
    color: antiquewhite !important;
  }
</style>