/* Variables */
/* Fonts */
@font-face {
  font-family: "JosefinReg";
  src: url("/assets/fonts/JosefinSans-Regular.woff") format("woff");
}
@font-face {
  font-family: "JosefinMed";
  src: url("/assets/fonts/JosefinSans-Medium.woff") format("woff");
}
@font-face {
  font-family: "JosefinBold";
  src: url("/assets/fonts/JosefinSans-Bold.woff") format("woff");
}
/* elements */
footer {
  background-color: #98DDCA;
  padding: 10px;
}

hr {
  margin: 0%;
}

/* classes */
.home {
  font-family: JosefinReg;
  font-style: normal;
  background-color: #D5ECC2;
  padding: 0 10%;
}

.homePost {
  padding: 50px 0;
  border: 1px solid black;
  border-radius: 5px;
  margin: 10px;
}

.icon {
  width: 40px;
  height: 40px;
}

/* Bootstrap Class Edits */
.navbar {
  background-color: #98DDCA;
}

.navbar-brand {
  font-weight: bold;
}