body {
    background-color: #302121;
    font-family: fantasy;
    font-size: 20px;
}

/* Header */
.nav-bar {
    display: grid;
    grid-template-columns: auto 1fr;
    justify-content: space-between;
    align-items: center;
    background-color: #9fafff;
    margin: 10px 25px;
    padding: 10px;
    border-radius: 5px;
}

.logo {
    grid-column-start: 1;
    padding: 10px;
}

.logo:hover {
    background-color: #6472bb;
    border-radius: 5px;
}

.section-break {
    color: #6472bb;
    font-size: 15px;
    padding: 5px 10px;
}

/* Navigation Bar */
.nav-bar-text {
    grid-column-start: 3;
    list-style: none;
}

.nav-bar-text li {
  display: inline;
  padding: 10px;
}

.nav-bar-text li a {
  color: #302121;
  text-decoration: none;
}

.nav-bar-text li:hover {
  background-color: #6472bb;
  border-radius: 5px;
}