/*!
 * Start Bootstrap - Resume v5.0.8 (https://startbootstrap.com/template-overviews/resume)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-resume/blob/master/LICENSE)
 */body {
   font-family: Muli, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   padding-top: 54px;
   color: #868e96
 }

 @media (min-width:992px) {
   body {
     padding-top: 0;
     padding-left: 17rem;
     background-color: #f9f9f6;
   }
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: 'Saira Extra Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   font-weight: 700;
   text-transform: uppercase;
   color: #343a40
 }

 h1 {
   font-size: 6rem;
   line-height: 5.5rem
 }

 h2 {
   font-size: 3.5rem
 }

 h3 {
   font-size: 2rem
 }

 p.lead {
   font-size: 1.4rem;
   font-weight: 500
 }

 .subheading {
   text-transform: uppercase;
   font-weight: 500;
   font-family: 'Saira Extra Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   font-size: 1.5rem
 }

 .social-icons a {
   display: inline-block;
   height: 3.5rem;
   width: 3.5rem;
   background-color: #495057;
   color: #fff !important;
   border-radius: 100%;
   text-align: center;
   font-size: 1.5rem;
   line-height: 3.5rem;
   margin-right: 1rem
 }

 .social-icons a:last-child {
   margin-right: 0
 }

 .social-icons a:hover {
   background-color: #16172a
 }

 .dev-icons {
   font-size: 3rem
 }

 .list-inline-item {
   opacity: .85
 }

 .list-inline-item:hover {
   opacity: 1
 }

 #sideNav .navbar-nav .nav-item .nav-link {
   font-weight: 800;
   letter-spacing: .05rem;
   text-transform: uppercase
 }

 #sideNav .navbar-toggler:focus {
   outline-color: #d48a6e
 }

 @media (min-width:992px) {
   #sideNav {
     text-align: center;
     position: fixed;
     top: 0;
     left: 0;
     display: flex;
     flex-direction: column;
     width: 17rem;
     height: 100vh
   }

   #sideNav .navbar-brand {
     display: flex;
     margin: auto auto 0;
     padding: .5rem
   }

   #sideNav .navbar-brand .img-profile {
     max-width: 10rem;
     max-height: 10rem;
     border: .5rem solid rgba(255, 255, 255, .2)
   }

   #sideNav .navbar-collapse {
     display: flex;
     align-items: flex-start;
     flex-grow: 0;
     width: 100%;
     margin-bottom: auto
   }

   #sideNav .navbar-collapse .navbar-nav {
     flex-direction: column;
     width: 100%
   }

   #sideNav .navbar-collapse .navbar-nav .nav-item {
     display: block
   }

   #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
     display: block
   }
 }

 section.resume-section {
   padding-top: 5rem !important;
   padding-bottom: 5rem !important;
   max-width: 75rem;
   background-color: #f9f9f6;
 }

 section.resume-section .resume-item .resume-date {
   min-width: none
 }

 @media (min-width:768px) {
   section.resume-section {
     min-height: 100vh
   }

   section.resume-section .resume-item .resume-date {
     min-width: 18rem
   }
 }

 @media (min-width:992px) {
   section.resume-section {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important
   }
 }

 .bg-primary {
   background-color: #16172a !important
 }

 .text-primary {
   color: #16172a !important
 }

 a {
   color: #16172a
 }

 a:active,
 a:focus,
 a:hover {
   color: #2d2782
 }

 .article-card {
  border-radius: 0.5rem;
  background-color: #f9f9f6;
  box-shadow: 0 0.15rem 0.4rem rgba(0, 0, 0, 0.06);
  text-decoration: none;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.article-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.35rem 0.9rem rgba(0, 0, 0, 0.12);
  text-decoration: none;
}

.article-card-body {
  padding: 1.1rem 1.25rem;
  height: 100%;
}

.article-badge {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #6c757d;
  margin-bottom: 0.25rem;
}

.article-excerpt {
  font-size: 0.9rem;
  color: #6c757d;
}

.article-meta {
  font-size: 0.8rem;
  font-weight: 500;
  margin-top: 0.25rem;
}

.m-0 {
  border-color: #f9f9f6 !important;
}