body,
body p {
  font-size: 1.375rem; /* ~22px */
  line-height: 1.8;
}

.heading h2 {
  font-size: 5rem; /* 80px */
  line-height: 5rem;
}

#navigation.is-fixed ul li a {
  font-size: 1.125rem; /* 18px */
  font-family: "Alegreya Sans";
  font-weight: bold;
  padding: 0.6rem 1rem 0rem 2.5rem;
}

.home-section .home-contact p {
  font-size: 0.9375rem; /* 15px */
  line-height: 1.5rem; /* 24px */
}

.home-section .hero-section h2 {
  font-size: 5rem; /* 80px — reduced from 130px */
  line-height: 1.2;
}

.about-section h4.subtitle {
  font-size: 2.5rem; /* 40px */
  line-height: 1.3;
}

.about-section h4.subtitle span {
  font-size: 2.125rem; /* 34px */
}

.about-section .personal-info li p {
  font-size: 1.25rem; /* 20px */
}

.about-section .resume-item h5 {
  font-size: 1.5rem; /* 24px */
}

.about-section .resume-item h6 {
  font-size: 1rem; /* 16px */
}

.about-section .resume-item p {
  font-size: 1rem; /* 16px */
  line-height: 1.75rem; /* 28px */
}

.about-section .resume-header p {
  font-size: 1.625rem; /* 26px */
}

.about-section .chart-bar > .percent {
  font-size: 1rem; /* 16px */
  line-height: 2rem; /* 32px */
}

.badges h3 {
  font-size: 3.5rem; /* 56px */
  line-height: 1.2;
}

.badges p {
  font-size: 1.5rem; /* 24px */
}

.blog-section .entry-header a {
  font-size: 1.875rem; /* 30px */
  line-height: 1.4;
}

.single-post-container h2 {
  font-size: 1.875rem; /* 30px */
  line-height: 1.4;
}

.meta {
  font-size: 1rem; /* 16px */
}

.meta > span span {
  font-size: 1.125rem; /* 18px */
}

.link-blog span {
  font-size: 1.375rem; /* 22px */
}

a,
a:visited {
  color: #007bff;
}

a:hover {
  color: #e83e8c;
}

/* Colors */

/* Blog Base (Dark Mode by Default) */
body.blog {
  background-color: #1e1e1e;
  color: #e4e4e4;
}
body.blog {
  p {
    color: #e4e4e4 !important;
  }

  a {
    color: #82b1ff;
  }

  a:hover,
  a:focus {
    color: #aecbfa;
    text-decoration: underline;
  }

  .heading h2,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #f2f2f2;
  }

  .meta,
  small,
  figcaption {
    color: #aaa;
  }

  ul,
  ol {
    padding-left: 2rem;
  }
}

body.blog-light {
  background-color: #ffffff;
  color: #1a1a1a;
}

body.blog-light p {
  color: #1a1a1a;
}

body.blog-light a {
  color: #00449e;
}

body.blog-light a:hover,
body.blog-light a:focus {
  color: #002f6c;
  text-decoration: underline;
}

body.blog-light .heading h2,
body.blog-light h1,
h2,
h3,
h4,
h5,
h6 {
  color: #111;
}

body.blog-light .meta,
body.blog-light small,
body.blog-light figcaption {
  color: #555;
}

/* Overrides */
.post-date span {
  line-height: 1.5rem;
}

.btn {
  font-family: "Ubuntu";
}

pre {
  background-color: #111111;
  color: #e83e8c;
}

pre code,
code {
  color: #e83e8c;
}

pre {
  padding: 1rem;
  border-radius: 4px;
  overflow-x: auto;
}

blockquote {
  font-style: italic;
  font-weight: 300;
  background-color: #1a1a1a;
  padding: 2rem;
}

blockquote ul {
  padding-left: 40px;
}
