h1 {
    font-family: 'League Script', cursive;
    font-size: 6em;
    margin-top: .4em;
}

.name {
    text-decoration: none;
    color: black;
}


h1 a:hover {
    color: #00AEEF;
}

.nav-item a {
    color: black;
}

.nav-item {
    font-size: 1.12em;
}

.nav-item a:hover {
    color: #00AEEF;
}

a {
    color: #00AEEF;
}

.first {
    margin-top: -6em;
}

.first-3 {
    margin-top: -9em;
}

/* The side navigation menu */
.w-sidebar {
    /* margin-left: 1.5em; */
    margin-top: 1.5em;
    width: 224px;
    position: -webkit-sticky;
    position: sticky;
    top: 4em;    
    height: 100%;
  }
  
/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 768px) {
  .w-sidebar {
    width: 100%;
    height: auto;
    position: static;
    margin-top: -1.5em;
  }
  
  .first {
      margin-top: 1em;
  }
  .first-3 {
      margin-top: 1em;
  }
}