:root {
  --white-color: rgba(255, 255, 255, 1);
  --white-light-color: rgba(255, 255, 255, .5);
  --black-color: rgba(0, 0, 0, 1);
  --black-light-color: rgba(0, 0, 0, .5);
  --light-color: rgba(139, 245, 255, 1);
  --light-light-color: rgba(139, 245, 255, .5);
  --primary-color: rgba(79, 194, 247, 1);
  --primary-light-color: rgba(79, 194, 247, .5);
  --dark-color: rgba(0, 146, 196, 1);
  --dark-light-color: rgba(0, 146, 196, .5);
  --image-header-url: url(../../img/backgroundHeader/bg-header-1.jpg);
  --image-body-url: url(../../img/backgroundBody/bg-body-1.jpg);
  --image-footer-url: url(../../img/backgroundFooter/bg-footer-1.png);
  --background-header: var(--primary-color, rgba(79, 194, 247, 1)) var(--image-header-url) no-repeat fixed center;
  --background-body: var(--primary-color, rgba(79, 194, 247, 1)) var(--image-body-url) repeat fixed; }

@font-face {
  font-family: Mistral;
  src: url("../../webfontkit/mistral.woff"); }
@font-face {
  font-family: "Roboto Light";
  src: url("../../webfontkit/Roboto-Light.ttf");
  src: url("../../webfontkit/roboto-light-webfont.woff");
  src: url("../../webfontkit/roboto-light-webfont.woff2"); }
@font-face {
  font-family: "Roboto Medium";
  src: url("../../webfontkit/Roboto-Medium.ttf");
  src: url("../../webfontkit/roboto-medium-webfont.woff");
  src: url("../../webfontkit/roboto-medium-webfont.woff2"); }
body #mainDivPageBody main {
  font-family: "Roboto Medium", "Times New Roman", Times, serif;
  font-style: normal;
  font-weight: 500; }
  body #mainDivPageBody main #navigationPanel {
    background-color: var(--light-color, #8bf5ff); }
    body #mainDivPageBody main #navigationPanel nav.mainNavigation {
      font-size: x-small; }
      body #mainDivPageBody main #navigationPanel nav.mainNavigation > a.nav-link {
        padding-top: 1%;
        padding-bottom: 1%;
        padding-left: 0 !important;
        color: var(--dark-color, #0092c4); }
        body #mainDivPageBody main #navigationPanel nav.mainNavigation > a.nav-link span:last-child {
          font-weight: 600; }
      body #mainDivPageBody main #navigationPanel nav.mainNavigation nav.subNavigation a.nav-link {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0 !important;
        color: var(--dark-color, #0092c4); }
      body #mainDivPageBody main #navigationPanel nav.mainNavigation nav.subNavigation a.sub-nav-link.active {
        color: var(--white-color, white); }
      body #mainDivPageBody main #navigationPanel nav.mainNavigation a.nav-link.active {
        color: var(--white-color, white);
        background-color: var(--dark-color, #0092c4); }
  body #mainDivPageBody main section {
    height: 400px;
    overflow: auto;
    position: relative;
    background-color: var(--white-color, white); }
    body #mainDivPageBody main section article {
      padding: 2%; }
      body #mainDivPageBody main section article h5 {
        font-size: medium;
        color: var(--dark-color, #0092c4); }
      body #mainDivPageBody main section article hr {
        margin-top: 0;
        background-color: var(--dark-color, #0092c4); }
      body #mainDivPageBody main section article p, body #mainDivPageBody main section article ul.list-responsibilities {
        font-family: "Roboto Light", "Times New Roman", Times, serif;
        text-align: justify;
        font-size: small; }
      body #mainDivPageBody main section article ul.list-responsibilities {
        list-style-type: square; }
      body #mainDivPageBody main section article div.subKeySkills {
        border: 1px solid var(--black-light-color);
        margin-top: 6%; }
        body #mainDivPageBody main section article div.subKeySkills h6 {
          margin-top: -2%;
          margin-left: 5%;
          font-size: smaller; }
          body #mainDivPageBody main section article div.subKeySkills h6 span {
            background-color: var(--white-color, white);
            padding: 1% 3%; }
        body #mainDivPageBody main section article div.subKeySkills p {
          margin-left: 2%;
          margin-right: 2%; }
        body #mainDivPageBody main section article div.subKeySkills div.mainBoxSkill {
          padding-left: 2%;
          margin-top: 5%; }
          body #mainDivPageBody main section article div.subKeySkills div.mainBoxSkill div.boxSkill {
            display: flex;
            width: 30%;
            margin-right: 2%;
            height: 60px; }
            body #mainDivPageBody main section article div.subKeySkills div.mainBoxSkill div.boxSkill div.divImgSkill > img, body #mainDivPageBody main section article div.subKeySkills div.mainBoxSkill div.boxSkill div.divImgRate > img {
              height: 60%; }

@media (min-width: 576px) {
  body #mainDivPageBody main #navigationPanel nav.mainNavigation {
    font-size: small; }
  body #mainDivPageBody main section article h5 {
    font-size: large; }
  body #mainDivPageBody main section article p, body #mainDivPageBody main section article ul.list-responsibilities {
    font-size: smaller; }
  body #mainDivPageBody main section article div.subKeySkills h6 {
    font-size: medium; } }
@media (min-width: 768px) {
  body #mainDivPageBody main #navigationPanel {
    height: 400px;
    overflow: auto; }
  body #mainDivPageBody main section {
    margin-bottom: 3%; }
    body #mainDivPageBody main section article p, body #mainDivPageBody main section article ul.list-responsibilities {
      font-size: medium; } }

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