html {
  background: url("/images/clouds.jpg") no-repeat center center fixed;
  background-size: cover; }

body {
  background-color: unset;
  font-family: 'Roboto Condensed', sans-serif; }

.resume {
  max-width: 800px;
  background: #efefef;
  box-shadow: 0 0 30px 0 #333333;
  padding: 5%;
  margin: 5% auto; }
  .resume h3 {
    font-size: 110%;
    font-weight: bold; }
  .resume .contact {
    text-align: center; }
    .resume .contact .info {
      display: flex;
      align-items: center; }
      .resume .contact .info div {
        width: 100%; }
    .resume .contact img {
      width: 300px;
      border-radius: 50%;
      border: solid black 2px; }
  .resume .skills {
    margin-top: 10%; }
    .resume .skills h2 {
      text-align: center; }
    .resume .skills .chart-container {
      max-width: 450px;
      margin: 0 auto; }
      .resume .skills .chart-container small {
        margin-top: 20px;
        padding-left: 5%;
        padding-right: 5%;
        color: #858585;
        line-height: 15px;
        display: block; }
  .resume .experience {
    margin-top: 10%; }
    .resume .experience h2 {
      text-align: center; }
    .resume .experience .for-small .content {
      margin-top: 13px;
      margin-bottom: 13px; }
    .resume .experience .content-container {
      display: flex;
      align-items: center; }
      .resume .experience .content-container .content {
        padding: 10px;
        background: white;
        border: #cccccc 5px solid;
        box-shadow: 0 5px 15px 0 #aaaaaa; }
      .resume .experience .content-container .triangle-left {
        margin-right: -3px;
        width: 0;
        height: 0;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-right: 25px solid #cccccc;
        position: relative; }
      .resume .experience .content-container .triangle-left:after {
        content: '';
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid white;
        position: absolute;
        top: -20px;
        left: 7px; }
      .resume .experience .content-container .triangle-right {
        margin-left: -3px;
        width: 0;
        height: 0;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-left: 25px solid #cccccc;
        position: relative; }
      .resume .experience .content-container .triangle-right:after {
        content: '';
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid white;
        position: absolute;
        top: -20px;
        left: -27px; }
    .resume .experience .timeline {
      text-align: center;
      display: flex; }
      .resume .experience .timeline .line {
        background: #cccccc;
        height: 100%;
        width: 5px;
        margin: 0 auto;
        box-shadow: 0 8px 38px -4px #aaaaaa; }
      .resume .experience .timeline .viamo {
        background: #511e42;
        color: white; }
      .resume .experience .timeline .skip {
        background: #bb3232;
        color: white; }
      .resume .experience .timeline .mscc {
        background: #222222;
        color: white; }
      .resume .experience .timeline .circle {
        z-index: 1000;
        position: absolute;
        width: 80px;
        height: 80px;
        top: 50%;
        left: 50%;
        margin: -40px 0 0 -40px;
        border-radius: 50%;
        border: #cccccc 5px solid;
        display: flex;
        align-items: center;
        box-shadow: 0 8px 38px -4px #aaaaaa; }
        .resume .experience .timeline .circle small {
          width: 100%;
          text-align: center;
          font-weight: bold;
          text-transform: uppercase;
          line-height: 12px; }
  .resume .portfolio {
    margin-top: 10%; }
    .resume .portfolio h2 {
      text-align: center; }
  .resume .education {
    margin-top: 10%; }
    .resume .education h2 {
      text-align: center; }

/*# sourceMappingURL=resume.css.map */