body, html {
    padding-top:2.5em;
    margin:0;
    background-color: #000000;
    background-image: linear-gradient(315deg, #000000 0%, #8b8989 74%);
  
  }
  
    /* Header */
    
    header {
      width:100%;
      vertical-align: middle;
      text-align: center;
     
    }
    
    .header-content {
      display: inline-block;
    }
    
    .pic {
      margin: 0 auto;
      margin-top:-2.5em;
      border-radius:10em;
      height:4em;
      width:4em;
      background-image: url(me.jpg);
      filter: blur(3px);
      filter: grayscale(1);
      filter: saturate(2.2);
      background-size: 100% auto;
      border: 2px solid #000000;
      transition : all 0.5s linear;
      filter: invert(10%);
    -webkit-filter: invert(15%);
      
    }
    .header-text {
      margin-top:0.5em;
      margin-left:1em;
    }
    
    header p {
      text-align:center;
      font-family: "Merriweather";
      
      margin:0;
      
      color: #212121;
    }
    
    .first-name {
       font-size: 1.05em;
    }
    
    .subtitle {
      font-family: "Merriweather";
      padding-top:.3em;
      font-size:0.55em;
      font-weight:500;
      color: #424242;
    }
    
    /* Information */
    
    .paper {
      margin: 0 auto;
      margin-bottom:1em;
      background-color:rgb(255, 255, 255);
      width:60%;
      padding:0.5em 0 0.5em 0;
      border-top: 1px solid #000000;
      border-left: 1px solid #000000;
      border-right: 1px solid #000000;
      border-bottom: 3px solid #000000;
      border-radius:3px;
    }
    
    /* Content Part */
    
    .content-wrapper {
      padding-right:7.25%;
    }
    
    .content {
      display:table;
      width:100%;
      
      padding-top:1.5em;
      
      /*border-top: 1px solid #eeeeee;*/
    }
    
    .content:last-child {
      padding-bottom:1.5em;
    }
    
    .row {
        display:table-row;
    }
    .row div {
        display:table-cell;
    }
    
    .content-cat {
      font-family: "Merriweather";
      font-variant:small-caps;
      font-weight:300;
      letter-spacing: 1px;
      
      color: #212121;
      
      font-size:0.975em;
      
      text-align:center;
      vertical-align:middle;
    
      padding-left:6.66%;
      width:36.66%;
    }
    
    .content-cat p {
      font-size:0.55em;
      font-weight:600;
      
      margin-bottom:0;
    }
    
    .content-text {
      border-left:1px solid #e0e0e0;
      transition: border 0.25s ease-in;
      text-decoration: #000000 unset;
    }
    
    .content-text:hover {
      border-left:1px solid #000000;
    }
    
    .big-text {
      vertical-align:top;
      
      padding-top:1.25em;
    }
    
    .content-text ul {
      padding:0;
      margin:0;
      margin-top:0.15em;
      
      width:85%;
      margin-left:1.5em;
    }
    
    .content-text ul:last-child {
      margin-bottom:0.5em;
    }
    
    .content-text ul li {
      font-family: "Open Sans";
      font-size:0.7em;
      
      display:inline-block;
      
    }
    
    .content-text ul li:first-child {
      width:35%;
      
      color: #424242;
      
      font-weight:600;
      font-size:0.75;
    }
    
    .content-text ul li a {
      text-decoration: none;
      color: #000000;
    }
    
    .content-text ul li a:hover {
      color:#000000;
    }
    
    .work-listing p {
      font-family: "Open Sans";
      font-size:0.7em;
      font-weight:400;
      
      line-height:1.5;
      
      color: #424242;
      
      margin-left:2em;
      margin-top:0.25em;
      margin-bottom:0.75em;
    }
    
    .work-listing .highlight, .content-text.skills-listing > ul > li > .highlight {
      font-family: "Open Sans";
      font-size:0.7em;
      font-weight:400;
      
      color: #424242;
      
      margin-left:3.25em;
      padding-left:0.5em;
      
      border-left:1px solid #e0e0e0;
      
    }
    
    .education-listing > .heading {
      font-weight:600;
      
      margin-top:0.75em;
      margin-left:2em;
    }
    
    .education-listing > .highlight {
      margin-left:3.25em;
    }
    
    .content-text.skills-listing > ul {
      display:table-row;
    }
    
    .content-text.skills-listing > ul:last-child {
      margin-bottom:0;
    }
    
    .content-text.skills-listing > ul > li {
      display:table-cell;
      vertical-align:top;
      
      padding-left:2em;
      
      width:50%;
      font-weight:600;
    }
    
    .content-text.skills-listing > ul > li span {
      font-weight:400;
      color: #616161;
    }
    
    .content-text.skills-listing > ul > li > .highlight {
      
      font-size:1em;
      font-weight:400;
      
      margin-left:1.25em;
    }
    
    .highlight {
      transition: border .33s ease-in;
    }
    
    .highlight:hover, .content-text.skills-listing > ul > li > .highlight:hover {
      border-left:1px solid #9e9e9e;
    }