/*
 * Globals

Dark pink: #e06c9f;
tan: #edbfb7;
grey: #b6b6b6;
light green: #b5bfa1;
dark green: #608475;

 */

:root {
  --pink: #f283b6;
  --darkpink: #e06c9f;
  --tan: #edbfb7;
  --grey: #b6b6b6;
  --lightgreen: #b5bfa1;
  --darkgreen: #608475;
  --bs-primary: #f283b6;
}


hr {
  margin: auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 0;
  max-width: 50%;
  text-align: center;
  border-top: 5px solid var(--pink);
}

a{
  color:var(--tan);
}
a:hover{
  color: var(--pink);
}

.main-body{
  background-color: var(--darkgreen);
}
/* Custom default button */

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active{
  color: white;
  background-color: var(--pink);
  border: none;
  text-shadow: none; /* Prevent inheritance from `body` */

  --bs-btn-bg: var(--pink);
  --bs-btn-border: none;
  --bs-btn-active-bg: var(--pink);
}

h4{
  font-weight: normal;
}

ul li{
 font-size:20px;
}

a.button{
  color: white;
}

.footer{
  padding-top: 3rem;
}
/*
 * Base structure
 */


/*
 * Header
 */

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}