button:hover {
   background-color: var(--button-hover);
   transition: background-color 200ms ease-in-out;
}

#logout:hover {
   background-color: var(--button-hover);
   transition: background-color 300ms ease-in-out;
}

nav > a:hover {
   color: var(--secondary-color);
   transition: color 200ms ease-in-out;
}
nav > a {
   transition: color 200ms ease-in-out;
}

.community-button:active,
.community-button:focus {
   background-color: var(--secondary-color);
}

.main-container .dropdown-item:hover,
.main-container .dropdown-item:active {
   background-color: white;
   color: var(--button-hover);
   transition: color 200ms ease-in-out;
}

.main-container .dropdown-item,
.main-container .dropdown-item{
   transition: color 200ms ease-in-out;
}