body {
  background: #171E28;
  color: white;
  font-family: 'Roboto Mono', monospace;
  font-size: large;
  overflow: hidden; /*CHRISTMAS*/
}
.snowflake { /*MORE CHRISTMAS*/
  position: absolute;
  width: 10px;
  height: 10px;
  background: linear-gradient(white, white);
  border-radius: 50%;
  filter: drop-shadow(0 0 1px white);
}
a {
    text-decoration: none;
    color: #FCF7F8
  }
a:visited {
    color: #FCF7F8;
  }
.title {
  padding: 1em;
  font-size: xx-large;
}
.copyright{
  color: grey;
  text-align: center;
  position: relative;
  bottom: 3px;
  font-size: x-small;
}

.footerPlaceHolder {
  position: relative;
  bottom: auto;
  width: auto;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
    
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.bl {
  color: #8FBBEA
}
.bl-b {
  background: #617E9E;
  color: black;
  padding-left: 5px;
  padding-right: 5px;
}
.intron  {
  background-color: #617E9E;
  color: #FCF7F8;
  padding-left: 5px;
  padding-right: 5px;
}


p {
text-align: center;
}

b {
font-family: 'Roboto Mono', monospace;
font-weight: bold;
}

.flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

.container {
padding: 0;
margin: 0;
list-style: none;
flex-direction: row;
justify-content: center;
}

.container > div {
flex-grow: 1;
}

.name, .link {
padding: 0;
margin: 0 0.5em;
list-style: none;
}

.name {
margin-left: auto;
text-align: left;
}

.link {
margin-right: auto;
text-align: right;
}

.name > li, .link > li {
color: black;
font-family: 'Roboto Mono', monospace;
font-size: 1em;
}
#icon {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}