body {
    background-color: #ffffff ;
}

.bg-black-gradient {
  background: linear-gradient(to bottom, #07070c, #53535e);
}

.nav-row > * {
  margin-right: 10px ;
  margin-left: 10px ;
  font-size: 1.5rem ;
}

.nav-row > * a {
  color: white ;

}

.nav-row > * a:hover {
  text-decoration: none ;
  color: white ;
}

.nav-row > * a:after {
  background-color: white ;
}

.tab-left {
  text-align: left ;
  padding: 10px ;
}

.tab-year {
  width: 140px ;
}


.content-row {
  align-items: center ;
  margin-top: 15px ;
  margin-bottom: 15px ;
}

.menu-dropdown {
  padding: 0 ;
}

.menu-link {
  margin-bottom: 2px ;
}

.large-font {
  font-size: 1.25rem ;
}

.huge-font {
  font-size: 1.50rem ;
}

#menu-btn {
  margin-top: 5px ;
}

#row {
    align-items: center ;
    margin-bottom: 75px ;
}

#left {

}



/* ids for empty (spacing) rows ----- */
#largerow {
    height: 120px ;
}

#smallrow {
    height: 60px ;
}

#tinyrow {
    height: 30px ;
}
/* ----- (empty rows) */


/* changing the link coloring and behaviour -----*/
a {
    color: grey;
    text-decoration: none;
    position: relative;
}
  
a:after {
    content: "" ;
    position: absolute ;
    left: 0 ;
    bottom: -2px ;
    width: 100% ;
    height: 2px ;
    background-color: grey ;
    visibility: hidden ;
    transform: scaleX(0) ;
    transition: all 0.3s ease-in-out 0s ;
}

a:hover {
    text-decoration: none ;
    color: gray ;
}
  
a:hover:after {
    visibility: visible ;
    transform: scaleX(1) ;
}
/* ----- (link) */