body > footer {
  position: sticky;
  top: 100vh;
  margin-top: -10px; /* sticky footer + 10px top margin */

  -webkit-transition: 1s;
  transition: 1s;
  overflow: hidden;
}

footer {
    height: 30px;
    -webkit-transition: 1s;
    transition: 1s;
    overflow: hidden;
}

footer.bottom {
    width:100%;
}

footer.static {
    margin-left: -4000px;
}

nav {
    background-color: white;
    -webkit-transition: 1s;
    transition: 1s;
    width: 100%;
    height: 30px;
}

.home nav {
    background-color: rgba(255, 255, 255, 0.7);
    opacity: 1;
}

.home nav:hover {
    background-color: rgba(255, 255, 255, 1);
    opacity: 1;
}

nav a::before {
    /* content: "✽ "; */
}

.navmenu, nav a {
    font-family: 'Source Sans Pro Light', sans-serif;
    font-size: 0.8em;
    letter-spacing: 6px;
    text-transform: uppercase;
    vertical-align: middle;
    text-decoration: underline;
    font-weight: bold;
    color: black;

    padding: .5rem 1rem;
    display: inline-block;
}
/* to adapt in bubble menus */
.navmenu {
    font-size: 0.6em;
    letter-spacing: 4px;
    padding: 0;
}