body 
{
  font-family: Verdana, sans-serif;
}
.navbar-brand
{
  animation: brandLoad 1000ms ease-in-out alternate infinite;
}
#navLinktop1, #navLinktop2, #navLinktop3, #navLinktop4, #navLinktop5
{
  animation: navLinkLoad 500ms ease-in;
}
.navbar .navbar-nav .nav-link:hover
{
  font-weight: bolder;
}
#searchBar
{
  animation: buttonLoad 500ms ease-in;
}
@keyframes buttonLoad
{
  0%{transform: translateY(-200%);}
  100%{transform: translateY(0%);}
}
@keyframes brandLoad
{
  0%{transform: translateY(-10%);}
  100%{transform: translateY(10%);}
}
@keyframes navLinkLoad
{
  0%{transform: translateY(-200%);}
  100%{transform: translateY(0%);}
}
.btn
{
  background-color: #0C8EB5;
  color: black;
}
.btn:hover
{
  background-color: black;
  color: #0C8EB5;
  font-weight: bolder;
}
.active 
{
  font-weight: bolder;
}
.nav-tabs .nav-link.active
{
  background-color: #0C8EB5;
  color: black;
}
.nav-tabs .nav-link.active:hover
{
  background-color: black;
  color: #0C8EB5;
}
.nav-tabs .nav-link:hover
{
  color: black;
  font-weight: bold;
}
#orangeLogo
{
  animation: orangeLogoLoad 1000ms ease-in-out alternate 1;
}
@keyframes orangeLogoLoad
{
  0%{transform: translateX(-1000%);}
  100%{transform: translateX(0%);}
}
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  display: table;
}

footer {
  background-color: grey;
  display: table-row;
  height: 0;
}
.nav-link
{
  color: black;
}
.accordion-button:hover
{
  background-color: #0C8EB5 ;
  color: black;
  font-weight: bolder;
}
.accordion-button:not(.collapsed)
{
  background-color: #0C8EB5 ;
  color: black;
  font-weight: bolder;
}
.accordion-button 
{
  font-weight: bolder;  
}
.modal-header
{
  background-color: #0C8EB5;
  color: black;
}
p
{
  font-family: Verdana, sans-serif;
  font-weight: 100;
}
#apps
{
  animation: appsLoad 1000ms ease-in-out alternate 1;
}
@keyframes appsLoad
{
  0%{transform: translateX(1000%);}
  100%{transform: translateX(0%);}
}
.card-title
{
  font-weight: bold;
}
.diframe iframe 
{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
iframe 
{ 
  border: none; 
}