@font-face {
  font-family: 'ProximaNova-Black';
  src: url('../ProximaNova/proximanova-black-webfont.woff') format('opentype');
}

@font-face {
  font-family: 'ProximaNova-Light';
  src: url('../ProximaNova/proximanova-light-webfont.woff') format('opentype');
}

@font-face {
  font-family: 'ProximaNova-Bold';
  src: url('../ProximaNova/proximanova-bold-webfont.woff') format('opentype');
}

@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url('../ProximaNova/proximanova-semibold-webfont.woff')
    format('opentype');
}

@font-face {
  font-family: 'ProximaNova-Medium';
  src: url('../ProximaNova/proximanova-medium-webfont.woff') format('opentype');
}

@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('../ProximaNova/proximanova-regular-webfont.woff') format('opentype');
}

html,
body {
  height: 100%;
  margin: 0;
}

body {
  font-family: 'ProximaNova-Light', 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
}

h1,
h2,
h3,
h4 {
  margin-top: 5px;
  font-weight: 100;
  font-family: 'ProximaNova-Semibold', 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.icons img {
  width: 17px;
}

.boid-screen {
    background-color: #BBC9FF;
    width: 100%;
    height: 100%;
    background-image: url('/img/boid_border.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.netlighter {
  transition: top 1s linear, left 1s linear, opacity 1s linear;
}


.iconListContainer {
  transition: all 1s;
  padding: 10px 0px; display: flex; width: 100%;
}