*{margin:0;padding:0}
html,body{height:100%}
body{
  color:#acacac;
  font-family:"ff-tisa-web-pro", Georgia, Times, "Times New Roman", serif;
  background-color:#f5f5f5;
  overflow:hidden;
  transition:background-color 0.2s ease-in-out;
}

a{color:#464646}
a:hover{text-decoration:none}

#container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}

/* Menu */
#menubox{
  position:absolute;
  top:20px;
  left:20px;
  text-align:left;
  font-size:3em;
  font-family:Futura;
  text-transform:uppercase;
  z-index:2;
}

#menubox a{color:#464646;text-decoration:none}
#menubox a:hover{color:#dfdfdf;text-decoration:overline;}

.foot-note{
  margin-top:1em;
  font-size:0.5em;
  text-align:left;
}

.foot-note ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  gap:10px;
}

.foot-note ul li{display:inline}
.foot-note ul li:hover{opacity:0.4}

.foot-note i{
  font-size:0.9em;
  color:#464646;
  vertical-align:middle;
}

@media (max-width:767px){
  .foot-note{word-spacing:5px !important;}
}


/* Normalize icon row vertical alignment */
.foot-note ul {
  display: flex;
  align-items: center;      /* vertically center all items */
  gap: 10px;
}

.foot-note ul li {
  display: flex;            /* each <li> is a flex item container */
  align-items: center;      /* center the icon inside */
  line-height: 0;           /* kill baseline wiggle from inline content */
}

.foot-note ul li a {
  display: inline-flex;     /* tight clickable box around the icon */
  align-items: center;
  line-height: 1;
}