.ie6-color-black{color:#454545}.ie6-bg-black{background-color:#454545}.ie6-color-blue{color:#4387f4}.ie6-bg-blue{background-color:#4387f4}.ie6-color-gray{color:#707070}.ie6-bg-gray{background-color:#707070}.ie6-haslayout{zoom:1}.ie6-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .ie6-clearfix{height:1%}.ie6-inline-block{display:inline-block}* html .ie6-inline-block{display:inline;zoom:1}.ie6-block{display:block}.ie6-inline{display:inline}.ie6-none{display:none}.ie6-relative{position:relative;zoom:1}.ie6-absolute{position:absolute}.ie6-fixed{position:fixed}* html .ie6-fixed{position:absolute}.ie6-float-left{float:left}* html .ie6-float-left{display:inline}.ie6-float-right{float:right}* html .ie6-float-right{display:inline}.ie6-float-none{float:none}.ie6-full-width{width:100%}.ie6-auto-width{width:auto}.ie6-full-height{height:100%}.ie6-auto-height{height:auto}.ie6-min-width-300{min-width:300px}* html .ie6-min-width-300{width:expression(this.width < 300 ? '300px' : 'auto')}.ie6-max-width-1200{max-width:1200px}* html .ie6-max-width-1200{width:expression(this.width > 1200 ? '1200px' : 'auto')}.ie6-min-height-100{min-height:100px}* html .ie6-min-height-100{height:auto !important;height:100px}.ie6-opacity-100{opacity:1;filter:alpha(opacity=100)}.ie6-opacity-75{opacity:.75;filter:alpha(opacity=75)}.ie6-opacity-50{opacity:.5;filter:alpha(opacity=50)}.ie6-opacity-25{opacity:.25;filter:alpha(opacity=25)}.ie6-opacity-0{opacity:0;filter:alpha(opacity=0)}.ie6-text-left{text-align:left}.ie6-text-center{text-align:center}.ie6-text-right{text-align:right}.ie6-text-justify{text-align:justify}.ie6-overflow-hidden{overflow:hidden}* html .ie6-overflow-hidden{position:relative}.ie6-overflow-auto{overflow:auto}.ie6-overflow-scroll{overflow:scroll}.ie6-m-0{margin:0}.ie6-m-10{margin:10px}.ie6-m-20{margin:20px}.ie6-mt-0{margin-top:0}.ie6-mt-10{margin-top:10px}.ie6-mt-20{margin-top:20px}.ie6-mr-0{margin-right:0}.ie6-mr-10{margin-right:10px}.ie6-mr-20{margin-right:20px}.ie6-mb-0{margin-bottom:0}.ie6-mb-10{margin-bottom:10px}.ie6-mb-20{margin-bottom:20px}.ie6-ml-0{margin-left:0}.ie6-ml-10{margin-left:10px}.ie6-ml-20{margin-left:20px}.ie6-p-0{padding:0}.ie6-p-10{padding:10px}.ie6-p-20{padding:20px}.ie6-pt-0{padding-top:0}.ie6-pt-10{padding-top:10px}.ie6-pt-20{padding-top:20px}.ie6-pr-0{padding-right:0}.ie6-pr-10{padding-right:10px}.ie6-pr-20{padding-right:20px}.ie6-pb-0{padding-bottom:0}.ie6-pb-10{padding-bottom:10px}.ie6-pb-20{padding-bottom:20px}.ie6-pl-0{padding-left:0}.ie6-pl-10{padding-left:10px}.ie6-pl-20{padding-left:20px}.ie6-border{border:1px solid #ccc}.ie6-border-top{border-top:1px solid #ccc}.ie6-border-right{border-right:1px solid #ccc}.ie6-border-bottom{border-bottom:1px solid #ccc}.ie6-border-left{border-left:1px solid #ccc}.ie6-border-none{border:none}* html .ie6-box-shadow{border:1px solid #ccc;border-right-color:#999;border-bottom-color:#999}.ie6-gradient-blue{background:#4387f4}* html .ie6-gradient-blue{filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#4387f4', endColorstr='#2c5aa0', GradientType=0)}.ie6-gradient-gray{background:#eee}* html .ie6-gradient-gray{filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)}.ie6-cursor-pointer{cursor:pointer;cursor:hand}.ie6-cursor-default{cursor:default}.ie6-cursor-text{cursor:text}.ie6-z-0{z-index:0}.ie6-z-10{z-index:10}.ie6-z-100{z-index:100}.ie6-z-1000{z-index:1000}.ie6-visible{visibility:visible}.ie6-hidden{visibility:hidden}.ie6-list-none{list-style:none}.ie6-list-disc{list-style:disc}.ie6-list-decimal{list-style:decimal}.ie6-align-top{vertical-align:top}.ie6-align-middle{vertical-align:middle}.ie6-align-bottom{vertical-align:bottom}.ie6-nowrap{white-space:nowrap}.ie6-pre{white-space:pre}.ie6-pre-wrap{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.ie6-font-normal{font-weight:normal}.ie6-font-bold{font-weight:bold}.ie6-font-italic{font-style:italic}.ie6-font-normal-style{font-style:normal}.ie6-underline{text-decoration:underline}.ie6-line-through{text-decoration:line-through}.ie6-no-underline{text-decoration:none}:root{--black: hsl(0deg 0% 27%);--black-focus: hsl(0deg 0% 18%);--black-soft: hsl(0deg 0% 27% / 75%);--blue: hsl(217deg 89% 61%);--blue-active: hsl(217deg 89% 40%);--gray: rgb(112 112 112)}@page{height:297mm;width:210mm;margin:0;padding:0;size:a4;:footer,:header{display:none}}@media print{body{margin:0;padding:0}}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font:62.5%/1.5 "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;color:#454545;color:var(--black)}html,body,#root,h1,h2,h3,p{margin:0;padding:0}p{text-align:justify}ul{margin:0;padding-left:1.6rem}ul li+li{margin-top:16px}*,*::before,*::after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}a{text-decoration:none;color:#454545;color:var(--black)}@media not print{a:not(.pdf){display:inline-block;position:relative;color:#454545;color:var(--black);-webkit-background-clip:text;background-clip:text;background-image:-webkit-gradient(linear, left top, right top, from(var(--blue)), color-stop(50%, var(--blue)), color-stop(50%, var(--black)));background-image:-moz-linear-gradient(left, var(--blue), var(--blue) 50%, var(--black) 50%);background-image:linear-gradient(to right, var(--blue), var(--blue) 50%, var(--black) 50%);background-position:-100%;background-size:200% 100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-text-fill-color:rgba(0,0,0,0)}a:not(.pdf)::before{content:"";will-change:all;display:block;position:absolute;bottom:-3px;left:0;height:3px;width:0;background:#4387f4;background:var(--blue);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}a:not(.pdf):hover{background-position:0}a:not(.pdf):hover::before{width:100%}}a:focus{color:#2e2e2e;color:var(--black-focus)}body{font-size:1.6rem;background:#eee}
/* ------------------------------------*
  #Page
*------------------------------------ */

.A4 {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
   -ms-flex-direction: column;
       flex-direction: column;
  -moz-box-pack: justify;
   -ms-flex-pack: justify;
       justify-content: space-between;
  height: 297mm;
  width: 210mm;
  margin: auto;
  padding: 48px 55px;
  border-radius: 7px;
  background-color: white;
  -webkit-box-shadow: 0 0 7px 0 rgb(187 187 187 / 50%);
          box-shadow: 0 0 7px 0 rgb(187 187 187 / 50%);
}

@media print {
  .A4 {
    height: 297mm;
    width: 210mm;
    padding: 48px;
  }
}

@media not print {
  @media (max-width: 816px) {
    .A4 {
      gap: 32px;
      height: unset;
      width: unset;
      padding: 15px;
    }
  }
}

/* ------------------------------------*
  #Flex Container
*------------------------------------ */

.d-flex {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media not print {
  @media (max-width: 816px) {
    .d-flex {
      display: block;
    }
  }
}

.flex--1x3 {
  -moz-box-pack: justify;
   -ms-flex-pack: justify;
       justify-content: space-between;
}

.flex--1x3 > * {
  -moz-box-flex: .33;
   -ms-flex: .33 1;
       flex: .33 1;
}

@media not print {
  @media (max-width: 816px) {
    .flex--1x3 > .info + .info {
      margin-top: 2rem;
    }
  }
}

/* ------------------------------------*
  #Container
*------------------------------------ */

/**
 * Container
 */

@media not print {
  @media (min-width: 62em) {
    .container {
      margin: 20px auto;
    }
  }
}

/**
 * Header Container
 */

.header__container {
  -moz-box-flex: .34;
   -ms-flex: .34 1;
       flex: .34 1;
}

.content__container {
  -moz-box-flex: .66;
   -ms-flex: .66 1;
       flex: .66 1;
  font-style: normal;
}

@media not print {
  @media (max-width: 48em) {
    .header__container {
      margin-bottom: 2rem;
    }
  }
}

.content__container:not(.flex--1x3) > .info + .info {
  margin-top: 2rem;
}

.content__container > a {
  padding-bottom: 8px;
}

/* ------------------------------------*
  #Header Section
*------------------------------------ */

.heading {
  margin-bottom: .3rem;
  font-size: 2.2rem;
  font-weight: 600;
  color: var(--black);
}

.exp-level {
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: .08rem;
  color: var(--blue);
}

/* ------------------------------------*
  #Info
*------------------------------------ */

.info header {
  margin-bottom: .85rem;
}

.info header h3 {
  font-size: 1.8rem;
  font-weight: bold;
}

.info header h3 span {
  margin-left: .5rem;
  font-weight: normal;
  color: var(--gray);
}

.info header p {
  font-size: 1.6rem;
  color: var(--black-soft);
}

/* ------------------------------------*
  # Skill section
*------------------------------------ */

.skill__section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.skill__section ul li + li {
  margin-top: 8px;
}

@media not print {
  @media (min-width: 30em) and (max-width: 48em) {
    .skill__section > .info {
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
    }

    .skill__section > .info header {
      -ms-flex-preferred-size: 105px;
          flex-basis: 105px;
    }
  }
}

/* ------------------------------------*
  #Download Button
*------------------------------------ */

.download {
  content: 'z';
  position: fixed;
  right: 10px;
  bottom: 10px;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  color: white;
  background-color: var(--blue);
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.download:active {
  background-color: var(--blue-active);
}

.download::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:
    center center no-repeat
    url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27white%27 width=%2724px%27 height=%2724px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z%27/%3E%3C/svg%3E");
}

.download__wrapper {
  list-style: none;
  position: absolute;
  overflow: hidden;
  top: -96px;
  left: -135px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  border-radius: 4px;
  opacity: 0;
  background: white;
  -webkit-box-shadow:
    0 2px 4px -1px rgb(0 0 0 / 20%),
    0 4px 5px 0 rgb(0 0 0 / 14%),
    0 1px 10px 0 rgb(0 0 0 / 12%);
          box-shadow:
    0 2px 4px -1px rgb(0 0 0 / 20%),
    0 4px 5px 0 rgb(0 0 0 / 14%),
    0 1px 10px 0 rgb(0 0 0 / 12%);
  -webkit-transform: scaleY(0);
     -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;

  li + li {
    margin-top: 0;
  }
}

.open .download__wrapper {
  max-height: initial;
  opacity: 1;
  -webkit-transform: scaleY(1);
     -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.download__wrapper li:hover {
  background-color: rgb(0 0 0 / 4%);
}

.download__wrapper li:hover a {
  color: var(--black);
}

.download__wrapper a {
  text-decoration: none;
}

.download__wrapper a,
.download__wrapper p {
  display: block;
  padding: 8px 16px;
  white-space: nowrap;
  color: var(--black);
}

.print::before {
  content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 18%27 fill=%27%23454545%27 width=%2720px%27 height=%2720px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z%27/%3E%3C/svg%3E");
}

.pdf::before {
  content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 18%27 fill=%27%23454545%27 width=%2720px%27 height=%2720px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v1zm5 2c0 .83-.67 1.5-1.5 1.5h-2.5V7H15c.83 0 1.5.67 1.5 1.5v3zm4-3H19v1h1.5V11H19v2h-1.5V7h3v1.5zM9 9.5h1v-1H9v1zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm10 5.5h1v-3h-1v3z%27/%3E%3C/svg%3E");
}

.print::before,
.pdf::before {
  margin-right: 12px;
}

@media print {
  .download__wrapper,
  .download,
  .download__wrapper * {
    display: none !important;
  }
}