/* Global Fonts
================================================== */
/*'Open Sans Condensed', sans-serif;*/
/* Global Colors
================================================== */
/* Setup
================================================== */
body, html {
  min-width: 320px; }

body {
  font-size: 100%;
  font-size: 1em;
  background: #fff; }

h1 {
  font-family: "Palanquin Dark", sans-serif;
  font-size: 4em;
  color: #C36B84;
  background: #FB948F;
  /* Old browsers */
  background-image: linear-gradient(to bottom right, #FEBB75, #FB948F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
  @media (max-width: 960px) {
    h1 {
      font-size: 50%; } }

/* HEADER
================================================== */
header {
  position: absolute;
  top: 0;
  left: 2em; }

/* Wrapper - Container
================================================== */
#wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  background: #fff;
  min-height: 100%;
  font-family: "Palanquin Dark", sans-serif;
  font-weight: 300;
  color: #C36B84; }
  #wrapper section {
    width: 75%;
    margin: 0 auto; }
    @media (max-width: 960px) {
      #wrapper section {
        width: 80%; } }
    @media (max-width: 460px) {
      #wrapper section {
        width: 90%; } }
    #wrapper section#header {
      position: relative;
      text-align: right;
      padding: 1em 0 1em 0; }
      #wrapper section#header h1 {
        font-family: "Palanquin Dark", sans-serif;
        font-weight: 700;
        font-size: 8em;
        line-height: 0.9em; }
        @media (max-width: 960px) {
          #wrapper section#header h1 {
            font-size: 6em; } }
        @media (max-width: 640px) {
          #wrapper section#header h1 {
            font-size: 4em; } }
        @media (max-width: 320px) {
          #wrapper section#header h1 {
            font-size: 2em; } }
      #wrapper section#header p {
        margin: 1em 0;
        color: #C36B84; }
        @media (max-width: 320px) {
          #wrapper section#header p {
            font-size: 80%; } }
        #wrapper section#header p:nth-of-type(2) {
          padding: 0 0 0.5em 0; }
          @media (max-width: 600px) {
            #wrapper section#header p:nth-of-type(2) {
              font-size: 80%; } }
        #wrapper section#header p a {
          text-decoration: none;
          color: #C36B84; }
        #wrapper section#header p span {
          display: inline-block; }
          #wrapper section#header p span i {
            background: #FB948F;
            /* Old browsers */
            background-image: linear-gradient(to bottom right, #FEBB75, #FB948F);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin: 0 0.86em;
            line-height: 2rem; }
            @media (max-width: 960px) {
              #wrapper section#header p span i {
                margin: 0 0.5em; } }
      #wrapper section#header .social {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 1.4em;
        width: 1em;
        text-align: left;
        display: inline-block;
        padding: 1em 0 0 0; }
        #wrapper section#header .social .social-item {
          margin: 0.5em 0 1em 0;
          float: left;
          cursor: pointer; }
          #wrapper section#header .social .social-item i {
            background: #FB948F;
            /* Old browsers */
            background-image: linear-gradient(to bottom right, #FEBB75, #FB948F);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 1.6rem; }
        @media (max-width: 600px) {
          #wrapper section#header .social {
            position: relative;
            width: 100%;
            padding: 0; }
            #wrapper section#header .social .social-item {
              float: right;
              margin: 0 0 0 1em;
              font-size: 2rem; }
              #wrapper section#header .social .social-item i.fa-print {
                display: none; } }
      #wrapper section#header .info {
        float: left;
        color: #C36B84;
        font-size: 2em; }
      #wrapper section#header .infoContent {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background: rgba(182, 165, 152, 0.75); }
        #wrapper section#header .infoContent.open {
          display: block; }
        #wrapper section#header .infoContent.close {
          display: none; }
        #wrapper section#header .infoContent .content {
          color: #C36B84;
          width: 50%;
          height: 50%;
          margin: 10% auto;
          position: relative;
          padding: 1em;
          text-align: left; }
          #wrapper section#header .infoContent .content i {
            color: #C36B84;
            padding: 0.5em;
            cursor: pointer;
            position: absolute;
            right: 1em;
            top: 1em; }
    #wrapper section#container h2 {
      font-family: "Palanquin Dark", sans-serif;
      font-weight: 700;
      background: #FB948F;
      /* Old browsers */
      background-image: linear-gradient(to bottom right, #FEBB75, #FB948F);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    #wrapper section#container #experience {
      border-right: 0.25em solid #C36B84; }
      @media (max-width: 600px) {
        #wrapper section#container #experience {
          border-right-style: dotted; } }
      #wrapper section#container #experience h2 {
        text-align: right; }
      #wrapper section#container #experience .box {
        position: relative;
        text-align: right;
        margin: 0 0 1em 0; }
        #wrapper section#container #experience .box p {
          width: 100%;
          margin: 0 0 0 0;
          font-size: 1.2em;
          color: #C36B84; }
          #wrapper section#container #experience .box p.work {
            font-weight: bold; }
          #wrapper section#container #experience .box p.city {
            font-size: 0.89em; }
    #wrapper section#container #skills {
      border-bottom: 0.25em solid #C36B84;
      margin-bottom: 1em; }
      @media (max-width: 460px) {
        #wrapper section#container #skills {
          border-bottom: 0; } }
      #wrapper section#container #skills .bar {
        width: 100%;
        margin: 0 0 0.5em 0; }
        #wrapper section#container #skills .bar .skill {
          background: #C36B84;
          -webkit-print-color-adjust: exact;
          color: #fff;
          padding: 0 0 0 0.5em; }
          #wrapper section#container #skills .bar .skill.html {
            width: 100%; }
          #wrapper section#container #skills .bar .skill.css {
            width: 100%; }
          #wrapper section#container #skills .bar .skill.sass {
            width: 90%; }
          #wrapper section#container #skills .bar .skill.js {
            width: 80%; }
      #wrapper section#container #skills .compentences {
        margin: 1em 0; }
        #wrapper section#container #skills .compentences i {
          font-size: 1.8em;
          background: #FB948F;
          /* Old browsers */
          background-image: linear-gradient(to bottom right, #FEBB75, #FB948F);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          margin: 0 0.5em 0.5em 0; }
        #wrapper section#container #skills .compentences p {
          color: #C36B84;
          margin: 0 0 1em 0; }
          #wrapper section#container #skills .compentences p i {
            font-size: 1.2em; }
    #wrapper section#container #languages {
      border-bottom: 0.25em solid #C36B84;
      padding-bottom: 1em;
      margin-bottom: 1em; }
      @media (max-width: 460px) {
        #wrapper section#container #languages {
          border-bottom: 0;
          padding-bottom: 0; } }
      #wrapper section#container #languages p span {
        display: inline-block;
        min-width: 4em;
        color: #C36B84; }
      #wrapper section#container #languages p i:before {
        background: #FB948F;
        /* Old browsers */
        background-image: linear-gradient(to bottom right, #FEBB75, #FB948F);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
    #wrapper section#container #interests div {
      color: #C36B84; }
      #wrapper section#container #interests div i {
        width: auto;
        height: auto;
        min-width: 2.2em;
        padding: 0.5em;
        font-size: 1.8em;
        margin: 0 0 0.15em 0;
        text-align: center;
        background: #FB948F;
        /* Old browsers */
        background-image: linear-gradient(to bottom right, #FEBB75, #FB948F);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
    #wrapper section#footer p {
      width: 100%;
      text-align: center;
      margin: 4em 0 2em 0;
      color: #FB948F; }

@media print {
  h1 {
    background: #FB948F;
    /* Old browsers */
    background-image: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #C36B84;
    color: #C36B84; }
  #wrapper section#header p i {
    background: #FB948F;
    /* Old browsers */
    background-image: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #C36B84;
    color: #C36B84; }
  #wrapper section#container h2 {
    background: #FB948F;
    /* Old browsers */
    background-image: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #C36B84;
    color: #C36B84; }
  #wrapper section#container #languages p i:before {
    background: #FB948F;
    /* Old browsers */
    background-image: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #C36B84;
    color: #C36B84; }
  #wrapper section#container #interests div i {
    background: #FB948F;
    /* Old browsers */
    background-image: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #C36B84;
    color: #C36B84; } }