// Variables
$blue: #13678A;

body {
  background-image: url("/random");
  height: 100vh;
  width: 100vw;

  nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
    width: 100vw;
    padding: 0 20px;

    ul > li {
      color: white;

      :hover {
        color: $blue;
        animation: ease-in;
      }
    }
  }

  h1 {
    margin: auto;
    text-align: center;
  }
}