:root {
  --white: #ffffff;
  --white-smoke: #F5F5F5;
  --red-dark: #c21f22;
  --red-bright: #e3371e;
  --blue-dark: #0c1220;
  --blue-darker: #010b13;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--white-smoke);
  color: var(--blue-darker);
}

body::-webkit-scrollbar {
  display: none;
}

#navContainer {
  margin: 0 auto;
  width: 75%;
}

#nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5rem;
  margin-block: 1.5rem;

  a {
    font-family: RedHatM;
    font-size: 1.25rem;
    color: var(--blue-darker);
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.75rem;
    text-indent: 0.75rem;
    /*
    text-indent:removes the added space at
    the end of the word by letter-spacing 
     */
  }

  a:hover {
    border-top: solid 2px var(--red-dark);
    border-bottom: solid 2px var(--red-dark);
  }
}

#footer {
  p {
    font-family: RedHatM;
    font-size: 1.20rem;
    letter-spacing: 0.05rem;
    text-indent: 0.05rem;
    text-align: center;
  }
}