@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

body span {
  font-family: 'Roboto Condensed','Open Sans', 'Arial','Helvetica', sans-serif;
}


.MenuBarTopItem1 span, .MenuBarTopItem2 span, .MenuBarTopItem3 span{
  text-transform: uppercase;
  font-family: 'Roboto Condensed', 'Arial','Helvetica', sans-serif;
  font-weight: bold;
}

.TranslateOpacity1 {
  animation-name: OpacityKF;
  animation-duration: 2s;
}


.TranslateOpacity2 {
  animation-name: OpacityKF2;
  animation-duration: 2s;
}
  
@keyframes OpacityKF {
  0%   { opacity: 0; }
  50%  { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes OpacityKF2 {
  0%   { opacity: 0; }
  51%  { opacity: 0; }
  100% { opacity: 1; }
}