/* 1eaedb */
body {
   background: 
      radial-gradient(#282828 15%, transparent 16%) 0 0,
      radial-gradient(#282828 15%, transparent 16%) 8px 8px,
      radial-gradient(rgba(255,255,255,.05) 15%, transparent 20%) 0 1px,
      radial-gradient(rgba(255,255,255,.05) 15%, transparent 20%) 8px 9px;
   background-color: #333;
   background-size: 16px 16px;
   /*
   background: #333;
   */
   color: #ddd;
}

th, td {
   border-color: #555;
}

.container {
   padding: 10rem 0;
}
.container > .docs-section {
   padding-bottom: 10rem;
}

.docs-section ~ .docs-section {
   border-top: 1px solid #555;
   padding: 2rem 0;
}

.leading-img {
   height: 100%;
   margin: auto;
}

.leading-img > img {
   max-height: 100%;
   max-width: 100%;
   width: auto;
   height: auto;
   margin: auto;
   border-radius: 8px 60%;
}

.timeline {
   border-left: 2px solid #555;
   padding: 15px 0px;
}

.timeline-item {
   display: block;
   position: relative;
   padding: 15px 20px 10px;
   margin-left: 20px;
   margin-bottom: 20px;
   background-color: #333;
   border-left: 2px solid #3ecefb;
   box-shadow: 0px 0px 3px 0px rgba(255,255,255,.2);
}

.timeline-item:hover {
   box-shadow: 0px 0px 8px 0px rgba(255,255,255,.2);
}

.timeline > .timeline-item::before {
   content: '';
   display: inline-block;
   position: absolute;
   background-color: #333;
   border-radius: 50%;
   width: 12px;
   height: 12px;
   top: 20px;
   left: -31px;
   border: 2px solid #3ecefb;
   z-index: 2;
}

.timeline > .timeline-item::after {
   content: '';
   display: inline-block;
   position: absolute;
   background-color: #3ecefb;
   border-radius: 10px;
   width: 29px;
   height: 2px;
   top: 27px;
   left: -31px;
   z-index: 1;
}

.timeline-item > h5 {
   margin-bottom: .5rem;
}

.timeline-item-span {
   display: inline-block;
   margin-top: 0px;
   padding-top: 0px;
   color: #3ecefb;
   margin-bottom: .5rem;
}

.timeline-item-location {
   display: inline-block;
   margin-top: 0px;
   padding-top: 0px;
   margin-left: 10px;
   padding-left: 12px;
   border-left: 2px solid #555;
}

.skill-container {
   display: inline-block;
   background-color: #555;
   width: 100%;
   height: 12px;
}

.skill-container > div {
   height: 100%;
   background-color: #3ecefb;
}

.skill-90 { width: 90%; }
.skill-80 { width: 80%; }
.skill-70 { width: 70%; }
.skill-60 { width: 60%; }
.skill-50 { width: 50%; }
.skill-40 { width: 40%; }
.skill-30 { width: 30%; }