@charset "utf-8";
/* CSS Document */

body {
color: black;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: #f02825;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #f02825;
  background-color: #fff;
}
.jumbotron {
background-image: url("../images/geometric-banner-176h.jpg");
background-position: center;
background-repeat: repeat-x;
height: 176px;
}
.custom-h1-page-title {
font-size: 1.5rem;
line-height: 1.5;
color: #023F00;
}
.custom-h1-page-subtitle {
font-size: 1rem;
line-height: 1.5;
}
.custom-a {
text-decoration: none;
color: #023F00;
outline: none;
border: none;
}
.custom-a:hover, .custom-a:focus, .custom-a:active {
text-decoration: none;
color: #023F00;
outline: none;
border: none;
}
ul {
padding: 0.25rem;
padding-left: 0;
margin-left: 1rem;
}
li {
padding: 0.25rem;
padding-left: 0;
margin-left: 0;
}
.custom-card:hover {
animation: shake 0.5s;
box-shadow: 5px 10px 18px #888888;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
}