body {
    background-image: url('../images/background.png');
    background-attachment: fixed;
    background-size: cover;
	height: auto;
    padding-top: 20px;
}

header.scrollerheader {
    height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scrolling-words-container {
    background-color: hsla(0, 0%, 15%, 0.75);
    display: flex;
    align-items: center;
    font-family: sans-serif;
    font-size: 1em;
    font-weight: 600; 
    text-transform: uppercase;
}

.scrolling-words-box {
    height: 1em;
    margin: auto;
    overflow: hidden;
}

ul.scrollerlist {
    margin: 0;
    padding: 0;
    animation: stemflip 6s ease-in-out infinite;
} 

li.scrolleritem {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style: none; 
    height: 2em;
}

@keyframes stemflip {
    75%, 50% {
	transform: translate(0px, -6.5em);
    }
    50%, 25% {
	transform: translate(0px, -4.5em);
    }
    25%, 0% {
	transform: translate(0px, -2.5em);
    }
    0%, 100% {
	transform: translate(0px, -0.5em);
    }	
}

.opacity {
    background: rgba(3, 172, 240, 0.5);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

table, th, td {
  border: 1px solid;
}

table td{
border:1px solid;
}

h1 { scroll-margin-top: 100px; }
h2 { scroll-margin-top: 100px; }
h3 { scroll-margin-top: 100px; }
h4 { scroll-margin-top: 100px; }

.second-navbar {
        margin-top: 40px; /* Adjust the value as needed */
        position: fixed;
        top: 40px; /* Adjust based on the height of your first navbar */
        width: 100%;
	z-index: 1030
}

nav.navbar-nav.navbar-right li a {
  text: white;
}



nav a {
  transition: 0.3s ease;
}
nav a:hover {
  border-top: 4px solid white;
  border-bottom: 4px solid white;
  padding: 6px 0; 
}