.center { text-align: center; }
.br14   { margin-bottom: 0.25em; }
.br13   { margin-bottom: 0.33em; }
.brhalf { margin-bottom: 0.5em; }
.br1    { margin-bottom: 1.0em; }
.br2    { margin-bottom: 2.0em; }
.br3    { margin-bottom: 3.0em; }
.br4    { margin-bottom: 4.0em; }
.br5    { margin-bottom: 5.0em; }

/* If <a> tag has target=“_blank”, add a link icon.*/
/* link icon -> Local image */
/*
a[target="_blank"]::after { 
  content: '';
  display: inline-block;
  width: 0.9em; // 16px;
  height: 0.9em; // 16px;
  background-image: url('../target.png');
  background-size: contain;
  vertical-align: contain;
  margin: 0px 0.25em;
}
*/

/* Link icon -> fontawesome */
/* need <link href="https://use.fontawesome.com/releases/v6.6.0/css/all.css" rel="stylesheet"> in HTML */
a[target="_blank"] {
  &:after {
    font-family: "Font Awesome 6 Free";
    content: "\f08e";
    font-weight: 900;
    font-size: 0.9em;
    vertical-align: contain;
    margin: 0 0.25em;
  }
}


header {
  z-index: 10;
  height: 64px;
  position: fixed;
  top: 0px;
  background-color: white;
  width: 100%;
  text-align: center;
  z-index: 2;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

ul {
  overflow: hidden;
  list-style: none;
  margin: 0 auto;
  z-index: 20;
}

ul li {
  display: inline-block;
  padding: 26px 10px 20px 10px;
}

.main {
  margin-top: 80px;
}