@import url("https://fonts.googleapis.com/css2?family=Open+Sans&Changa+One&family=Oswald:wght@700&family=Roboto:wght@300;400&display=swap");

body {
  font-family: "Roboto", Sans-Serif;
  font-weight: 300;
  font-size: 1em;
  color: rgb(51, 51, 51);
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Oswald", Sans-Serif;
  font-weight: 700;
  color: rgba(70, 70, 70, 1);
}

.post .PostTitle {
  margin: 1em 0 1em 0;
}

.post .PostTitle a {
  font-size: 1.5em;
  color: rgba(70, 70, 70, 1);
}

.PostBody h2,
.PostBody h3 {
  margin: 1em 0 1em 0;
}

.Blog-Title h1 a {
  font-family: "Changa One", Sans-Serif;
  font-weight: 400;
  color: rgba(0, 125, 64, 1);
  text-transform: uppercase;
}

.Header {
  border-bottom: 8px solid rgba(123, 123, 123, 1);
}

.footerLogo {
  font-family: "Changa One", Sans-Serif;
  font-weight: 400;
  color: rgba(0, 125, 64, 1);
  text-transform: uppercase;
  font-size: 1.2em;
}

#PostPager {
  font-size: 0.8em;
  font-weight: 500;
  padding: 1rem;

  display: flex;
  justify-content: center;
}

.PagerLink:hover,
.PagerLinkCurrent:hover,
.PagerEllipses:hover,
.PagerFirstLink:hover {
    background-color: rgba(0, 125, 64, 1);
}

.PagerLink,
.PagerLinkCurrent,
.PagerLinkDisabled,
.PagerEllipses,
.PagerFirstLink {
  border-radius: 0.3rem;
  border: 0.1rem solid rgba(0, 125, 64, 1);
  padding: 0.2rem;
  background-color: rgb(0, 151, 78);
  margin-right: 0.1rem;

  min-width: 1.2rem;

  display: flex;
  flex-direction: row;
  justify-content: center;

  cursor: pointer;
}

.PagerLink a,
.PagerLinkCurrent,
.PagerEllipses,
.PagerFirstLink a {
  color: #ffffff;
}

.PagerLinkDisabled {
  color: rgb(211, 211, 211);
  background-color: rgb(230, 230, 230);
  border-color: rgb(218, 218, 218);  
  cursor: default;
}

.PagerLinkCurrent {
  background-color: rgba(0, 125, 64, 1);
}