html {
    font-family: system-ui, sans-serif;
    font-size: 1.25rem;
}

body, .navbar {
    margin: 0;
    background: linear-gradient(270deg, #c9e4ca, #87bba2, #3b6064, #186a78);
    background-size: 600% 600%;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    -o-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.navbar {
    margin-bottom: 0;
    border-radius: 0;
}

.navbar-brand {
    font-weight: bold;
    color: #FFFAFA !important;
}

.logo:hover {
    color: #2c342c;
}

.welcome-container {
    background-color: #F5FFFA;
    padding: 60px;
    margin-top: 80px;
}

.nav-link {
    color: #F5FFFA !important;
}

.compare-year-container, .compare-all-years-container, .get-correlations-container {
  background-color: white !important;
  margin: 60px;
  padding: 30px;
  border-radius:.25rem !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
}

select, input {
  margin: 10px !important;
  padding: 0px;
}

.container-headers {
  padding-bottom: 20px;
  margin-bottom: 30px !important;
  border-bottom: black 2px solid;
}

.margin-form {
    margin-right: 20px !important;
}

.graph-container {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px;
    border: 2px solid lightgray;
    border-radius:.25rem !important;
    min-height: 400px;
}

.graph-properties {
    margin-top: 20px;
}

.fa-github {
    color: black;
    text-decoration: none;
    padding-right: 15px;
}

.fa-github:hover {
    text-decoration: none;
    color: #FFFAFA;
}