@font-face {
  font-family: 'creditfont';
  src: url('./fonts/TripleCondensedGothicRRLight.svg#TripleCondensedGothicRRLight') format('svg'),
       url('./fonts/TripleCondensedGothicRRLight.ttf') format('truetype'),
       url('./fonts/TripleCondensedGothicRRLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'creditfont';
  src: url('./fonts/TripleCondensedGothicRR_Light.eot');
  src: url('./fonts/TripleCondensedGothicRR_Light.eot?#iefix') format('embedded-opentype'),
       url('./fonts/TripleCondensedGothicRR_Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titlefontlight';
  src: url('./fonts/AvenirNextLTPro-Regular.eot');
  src: url('./fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
       url('./fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg'),
       url('./fonts/AvenirNextLTPro-Regular.ttf') format('truetype'),
       url('./fonts/AvenirNextLTPro-Regular.woff') format('woff'),
       url('./fonts/AvenirNextLTPro-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titlefontdemi';
  src: url('./fonts/AvenirNextLTPro-Demi.eot');
  src: url('./fonts/AvenirNextLTPro-Demi.eot?#iefix') format('embedded-opentype'),
       url('./fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi') format('svg'),
       url('./fonts/AvenirNextLTPro-Demi.ttf') format('truetype'),
       url('./fonts/AvenirNextLTPro-Demi.woff') format('woff'),
       url('./fonts/AvenirNextLTPro-Demi.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titlefont';
  src: url('./fonts/Avenir-Next-LT-Pro-Bold_5182.eot');
  src: url('./fonts/Avenir-Next-LT-Pro-Bold_5182.eot?#iefix') format('embedded-opentype'),
       url('./fonts/Avenir-Next-LT-Pro-Bold_5182.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titlefont';
  src: url('./fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg'),
       url('./fonts/AvenirNextLTPro-Bold.ttf') format('truetype'),
       url('./fonts/AvenirNextLTPro-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.activeMenuButton {
  color:green;
}

/* PAGE TRANSITIONS (ROOT ROUTER)*/

.pageFade-enter {
    opacity: 0.01;
    transform:translateY(-100px);

}

.pageFade-enter.pageFade-enter-active {
    opacity: 1;
    transform:translateY(0px);
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}

.pageFade-exit {
    opacity: 1;
    transform:translateY(0%);
}

.navLink {
  color:orange;
}

.pageFade-exit.pageFade-exit-active {
    opacity: 0.01;
    transform:translateY(100px);
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}