@charset 'UTF-8';
/*
 * "Orchid" theme - CSS for landing page
 * ---
 * Author: Thomas PENIN
 * Website: http://www.thomaspenin.com
 * License: MIT
 */
/*
 * "Orchid" theme - Color palette
 * -----------------------------------
 * Author: Thomas PENIN
 * Website: http://www.thomaspenin.com
 * License: GNU/GPL
 */
/*
 * "Orchid" theme - Fonts definition
 * -----------------------------------
 * Author: Thomas PENIN
 * Website: http://www.thomaspenin.com
 * License: GNU/GPL
 */
/*
 * "Orchid" theme - Color definitions
 * for the green variant of the theme
 * -----------------------------------
 * Author: Thomas PENIN
 * Website: http://www.thomaspenin.com
 * License: GNU/GPL
 */
/*
 * "Orchid" theme - Fonts definition
 * -----------------------------------
 * Author: Thomas PENIN
 * Website: http://www.thomaspenin.com
 * License: GNU/GPL
 */
/* Chinese font. Try to use the local KaiTi to spare bandwidth.
 * If not available, it will thus use the default Chinese fallback
 * font on the system, but not download 30MB anymore!
 */
@font-face {
  font-family: 'LocalKaiti';

    src: local('KaiTi'), local('楷体'), local('STKaiti'), local('华文楷体');
}

/*
 * "Orchid" theme - Bootstrap customization
 * ---
 * Author: Thomas PENIN
 * Website: http://www.thomaspenin.com
 * License: GNU/GPL
 */
.btn {
  font-size: inherit;
}

.tooltip {
  font-size: 1.5rem;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  border-color: #1d771d;
  background-color: #1d771d;
}

.btn-primary {
  border-color: #1d771d;
  background-color: #228b22;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #fff;
  border-color: #1d771d;
  background-color: #1d771d;
}

.pagination > li > a,
.pagination > li > span {
  color: #228b22;
}

.pagination > li > a:hover,
.pagination > li > span:hover {
  color: #1d771d;
}

.close {
  margin-left: 10px;
}

@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}

/*
 * "Orchid" theme - Base styles for any page
 * ---
 * Author: Thomas PENIN
 * Website: http://www.thomaspenin.com
 * License: GNU/GPL
 */
html {
  font-size: 62.5%;
}

body {
  font-family: 'Muli', 'Arial', 'LocalKaiti', sans-serif;
  font-size: 2.1rem;
  font-weight: 300;
  line-height: 3rem;
  text-align: left;
  color: #373737;
  background-color: transparent;
}

p {
  margin-top: 1.2rem;
  margin-bottom: 1.5rem;
}

h1,
h2,
h3,
h4 {
  font-weight: 700;
  margin-top: 2.5rem;
  margin-bottom: 1.6rem;
}

h1 {
  font-size: 3.5rem;
  line-height: 4.8rem;
}

h2 {
  font-size: 2.8rem;
  line-height: 3.7rem;
}

h3 {
  font-size: 2.3rem;
  line-height: 3.2rem;
}

h4 {
  font-size: 2.1rem;
  line-height: 3rem;
  color: #505050;
}

u {
  text-decoration-color: #228b22;
  -webkit-text-decoration-color: #228b22;
}

del {
  color: #808080;
}

pre {
  font-family: 'Inconsolata', monospace;
  font-size: 100%;
  margin-top: 1.2rem;
  margin-bottom: 1.5rem;
  padding: 3.0rem;
  border: none;
  border-radius: 4px;
  background-color: #f5f5f5;
}

code {
  font-size: 80%;
  color: #c7254e;
  background-color: #f9f2f4;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

blockquote {
  font-size: 2.1rem;
  margin-left: 2px;
  padding-top: 1.2rem;
  padding-right: 0;
  padding-bottom: 1.2rem;
  padding-left: 2.0rem;
  border-left: 4px solid #228b22;
}

.lead {
  font-size: 2.3rem;
  line-height: 3.2rem;
}

ul:not(.nav) {
  list-style: none;
}

ul:not(.nav) > li::before {
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  content: '•';
  color: #228b22;
}

ul:not(.nav) > li > ul > li::before {
  content: '○';
}

ul:not(.nav) > li > ul > li > ul > li::before {
  content: '▪';
}

ol {
  list-style: none;
  counter-reset: li;
}

ol > li::before {
  display: inline-block;
  width: 1em;
  margin-right: .5em;
  margin-left: -1.5em;
  content: '.' counters(li, '.');
  text-align: right;
  color: #228b22;
  direction: rtl;
}

ol > li {
  counter-increment: li;
}

.zh {
  font-size: 125%;
  line-height: 65%;
    /* This is to avoid bigger Chinese text having an impact on line spacing */
}

a:link,
a:visited,
a:active {
  transition: color .25s ease;
  text-decoration: none;
  color: #228b22;
  outline: 0;
}

a:hover {
  transition: color .25s ease;
  text-decoration: underline;
  color: #134e13;
}

py,
pyb {
  font-family: 'Ubuntu', 'arial unicode ms', sans-serif !important;
  font-size: 95%;
  font-weight: 300;
  color: #808080;
}

@font-face {
  font-family: 'OrchidFontbold';

    src: url('../../../shared/include/font/orchid-font-bold.ttf') format('truetype');
}

span.icon-bold {
  font-family: 'OrchidFontbold';
  font-size: 32px;
}

span.heart.icon-bold:after {
  content: '♡';
}

span.minus.icon-bold:after {
  content: '−';
}

span.plus.icon-bold:after {
  content: '+';
}

span.location.icon-bold:after {
  content: '⌖';
}

span.orchid.icon-bold:after {
  content: '';
}

span.star-empty.icon-bold:after {
  content: '☆';
}

span.star-filled.icon-bold:after {
  content: '★';
}

span.star-half-filled.icon-bold:after {
  content: '✩';
}

span.more-actions-horizontal.icon-bold:after {
  content: '…';
}

span.more-actions-vertical.icon-bold:after {
  content: '⋮';
}

span.twitter.icon-bold:after {
  content: 't';
}

span.bookmark.icon-bold:after {
  content: '🔖';
}

span.education.icon-bold:after {
  content: '🎓';
}

span.envelope.icon-bold:after {
  content: '✉';
}

span.hamburger-menu.icon-bold:after {
  content: '≡';
}

span.house.icon-bold:after {
  content: '⌂';
}

span.linkedin.icon-bold:after {
  content: 'l';
}

span.gear.icon-bold:after {
  content: '⚙';
}

span.chevron-up.icon-bold:after {
  content: '⌃';
}

span.chevron-down.icon-bold:after {
  content: '⌄';
}

span.chevron-left.icon-bold:after {
  content: '˂';
}

span.chevron-right.icon-bold:after {
  content: '˃';
}

span.earth.icon-bold:after {
  content: '🌍';
}

span.rss.icon-bold:after {
  content: '';
}

span.danger.icon-bold:after {
  content: '⚠';
}

span.fire.icon-bold:after {
  content: '🔥';
}

span.facebook.icon-bold:after {
  content: '';
}

@font-face {
  font-family: 'OrchidFontregular';

    src: url('orchid-font-regular.ttf') format('truetype');
}

span.icon-regular {
  font-family: 'OrchidFontregular';
  font-size: 32px;
}

span.heart.icon-regular:after {
  content: '♡';
}

span.minus.icon-regular:after {
  content: '−';
}

span.plus.icon-regular:after {
  content: '+';
}

span.location.icon-regular:after {
  content: '⌖';
}

span.orchid.icon-regular:after {
  content: '';
}

span.star-empty.icon-regular:after {
  content: '☆';
}

span.star-filled.icon-regular:after {
  content: '★';
}

span.star-half-filled.icon-regular:after {
  content: '✩';
}

span.more-actions-horizontal.icon-regular:after {
  content: '…';
}

span.more-actions-vertical.icon-regular:after {
  content: '⋮';
}

span.twitter.icon-regular:after {
  content: 't';
}

span.bookmark.icon-regular:after {
  content: '🔖';
}

span.education.icon-regular:after {
  content: '🎓';
}

span.envelope.icon-regular:after {
  content: '✉';
}

span.hamburger-menu.icon-regular:after {
  content: '≡';
}

span.house.icon-regular:after {
  content: '⌂';
}

span.linkedin.icon-regular:after {
  content: 'l';
}

span.gear.icon-regular:after {
  content: '⚙';
}

span.chevron-up.icon-regular:after {
  content: '⌃';
}

span.chevron-down.icon-regular:after {
  content: '⌄';
}

span.chevron-left.icon-regular:after {
  content: '˂';
}

span.chevron-right.icon-regular:after {
  content: '˃';
}

span.earth.icon-regular:after {
  content: '🌍';
}

span.rss.icon-regular:after {
  content: '';
}

span.danger.icon-regular:after {
  content: '⚠';
}

span.fire.icon-regular:after {
  content: '🔥';
}

@font-face {
  font-family: 'OrchidFontlight';

    src: url('orchid-font-light.ttf') format('truetype');
}

span.icon-light {
  font-family: 'OrchidFontlight';
  font-size: 32px;
}

span.heart.icon-light:after {
  content: '♡';
}

span.minus.icon-light:after {
  content: '−';
}

span.plus.icon-light:after {
  content: '+';
}

span.location.icon-light:after {
  content: '⌖';
}

span.orchid.icon-light:after {
  content: '';
}

span.star-empty.icon-light:after {
  content: '☆';
}

span.star-filled.icon-light:after {
  content: '★';
}

span.star-half-filled.icon-light:after {
  content: '✩';
}

span.more-actions-horizontal.icon-light:after {
  content: '…';
}

span.more-actions-vertical.icon-light:after {
  content: '⋮';
}

span.twitter.icon-light:after {
  content: 't';
}

span.bookmark.icon-light:after {
  content: '🔖';
}

span.education.icon-light:after {
  content: '🎓';
}

span.envelope.icon-light:after {
  content: '✉';
}

span.hamburger-menu.icon-light:after {
  content: '≡';
}

span.house.icon-light:after {
  content: '⌂';
}

span.linkedin.icon-light:after {
  content: 'l';
}

span.gear.icon-light:after {
  content: '⚙';
}

span.chevron-up.icon-light:after {
  content: '⌃';
}

span.chevron-down.icon-light:after {
  content: '⌄';
}

span.chevron-left.icon-light:after {
  content: '˂';
}

span.chevron-right.icon-light:after {
  content: '˃';
}

span.earth.icon-light:after {
  content: '🌍';
}

span.rss.icon-light:after {
  content: '';
}

span.danger.icon-light:after {
  content: '⚠';
}

span.fire.icon-light:after {
  content: '🔥';
}

/*
 * "China" theme for Dotclear
 * --------------------------
 * Author: Thomas PENIN
 * Website: http://www.voyage-est.com
 * License: GNU/GPL
 */
/* Error and information messages */
.error,
.information,
.hint,
.warning,
.vocabulary {
  font-size: 90%;
  font-weight: 400;
  margin: 2rem auto;
  padding-top: 1.8rem;
  padding-right: 1.8rem;
  padding-bottom: 1.8rem;
  padding-left: 6.2rem;
}

.vocabulary {
  padding-right: 3.2rem;
}

.error:before {
  font-family: 'Glyphicons Halflings';
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 8px;
  left: 8px;
  content: '\e083';
  text-decoration: inherit;
  color: #bf2825;
}

.error {
  position: relative;
  color: #bf2825;
  background-color: #edc7c1;
}

.information:before {
  font-family: 'Glyphicons Halflings';
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 8px;
  left: 8px;
  content: '\e086';
  text-decoration: inherit;
  color: #095ebd;
}

.information {
  position: relative;
  color: #095ebd;
  background-color: #c1e5f9;
}

.hint {
  position: relative;
  color: #228b22;
  background-color: #c9eabb;
}

.hint:before {
  font-family: 'Glyphicons Halflings';
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 8px;
  left: 8px;
  content: '\e084';
  text-decoration: inherit;
  color: #228b22;
}

.warning {
  position: relative;
  color: #c38c2d;
  background-color: #f6edbc;
}

.warning:before {
  font-family: 'OrchidFontbold';
  font-size: 2.8rem;
  line-height: 3rem;
  position: absolute;
  top: 1.8rem;
  left: 1.8rem;
  content: '⚠';
  color: #c38c2d;
}

.vocabulary {
  position: relative;
  text-align: left;
}

@media (min-width: 768px) {
  .vocabulary {
        /* Firefox */
    -webkit-column-count: 2;
        /* Safari and Chrome */
    column-count: 2;
  }
}

@media (min-width: 992px) {
  .vocabulary {
        /* Firefox */
    -webkit-column-count: 3;
        /* Safari and Chrome */
    column-count: 3;
  }
}

.vocabulary > p {
  overflow: hidden;
    /* fix for Firefox */
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
}

/* The first p/ul/ol child of a message has no top margin */
.error p:first-child,
.information p:first-child,
.hint p:first-child,
.warning p:first-child,
.vocabulary p:first-child,
.error ul:first-child,
.information ul:first-child,
.hint ul:first-child,
.warning ul:first-child,
.vocabulary ul:first-child,
.error ol:first-child,
.information ol:first-child,
.hint ol:first-child,
.warning ol:first-child,
.vocabulary ol:first-child {
  margin-top: 0;
}

/* The last p/ul/ol child of a message has no bottom margin */
.error p:last-child,
.information p:last-child,
.hint p:last-child,
.warning p:last-child,
.vocabulary p:last-child,
.error ul:last-child,
.information ul:last-child,
.hint ul:last-child,
.warning ul:last-child,
.vocabulary ul:last-child,
.error ol:last-child,
.information ol:last-child,
.hint ol:last-child,
.warning ol:last-child,
.vocabulary ol:last-child {
  margin-bottom: 0;
}

/*ul.error, ul.information, ul.hint, ul.warning, ul.vocabulary,
ol.error, ol.information, ol.hint, ol.warning, ol.vocabulary {
  padding-left: 48px;
}*/
/*div.error ul:first-child, div.information ul:first-child, div.hint ul:first-child, div.warning ul:first-child, div.vocabulary ul:first-child,
div.error ol:first-child, div.information ol:first-child, div.hint ol:first-child, div.warning ol:first-child, div.vocabulary ol:first-child {
  padding-left: 16px;
}*/
/*
 * "China" theme for Dotclear
 * --------------------------
 * Author: Thomas PENIN
 * Website: http://www.voyage-est.com
 * License: GNU/GPL
 */
body {
  padding-top: 55px;
}

#top {
  border-bottom: 1px solid #dedede;
  background-color: #fff;
}

#top .navbar {
  padding-right: 0;
  padding-left: 0;
}

#top span.icon-bold {
  font-size: inherit;
}

#top a.nav-link {
  padding: .5rem 1rem;
  transition: all .2s;
  color: #808080;
  border-radius: .25rem;
}

#top a.nav-link:hover {
  transition: all .2s;
  color: #505050;
  background-color: #f5f5f5;
}

#top a.nav-link:focus {
  outline: none;
}

#top .navbar-brand {
  display: block;
  width: 32px;
  height: 32px;
  margin-top: 7px;
  margin-bottom: 6px;
  color: #808080;
  background: #fff url('../../../shared/include/img/logo/orchid-green-64.png') no-repeat 0 50%;
  background-size: 32px 32px;
}

#top .navbar-brand:focus {
  outline: none;
}

#top .navbar-toggler {
  font-size: inherit;
  height: 40.5px;
  padding: 1rem;
  transition: all .2s;
  border: none;
}

#top .navbar-toggler:focus {
  outline: none;
}

#top .navbar-toggler:hover {
  transition: all .2s;
  background-color: #f5f5f5;
}

#navbar-links.collapsing,
#navbar-links.show {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.navbar-toggler .icon-bar {
  width: 22px;
  transition: all .2s;
}

.navbar-toggler .top-bar {
  -webkit-transform: rotate(45deg) translate(2px, -2px);
          transform: rotate(45deg) translate(2px, -2px);
  -webkit-transform-origin: 10% 10%;
          transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
  opacity: 0;
}

.navbar-toggler .bottom-bar {
  -webkit-transform: rotate(-45deg) translate(2px, 2px);
          transform: rotate(-45deg) translate(2px, 2px);
  -webkit-transform-origin: 10% 90%;
          transform-origin: 10% 90%;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  transition: all .2s;
  border-radius: 1px;
  background-color: #808080;
}

.navbar-toggler:hover .icon-bar {
  background-color: #505050;
}

.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 4px;
}

.navbar-toggler.collapsed .top-bar {
  -webkit-transform: rotate(0) translate(0, 0);
          transform: rotate(0) translate(0, 0);
}

.navbar-toggler.collapsed .middle-bar {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
  -webkit-transform: rotate(0) translate(0, 0);
          transform: rotate(0) translate(0, 0);
}

/*#top .topbar-container {
  width: 100%;
}

#top .navbar-brand:hover {
  //background: @top-bar-background-color-hover url("@{images-folder-path}/logo/orchid-64.png") no-repeat 10px 50%;
  background-size: 32px 32px;
  -webkit-transition: background-color 250ms linear;
  -moz-transition: background-color 250ms linear;
  -o-transition: background-color 250ms linear;
  -ms-transition: background-color 250ms linear;
  transition: background-color 250ms linear;
}

#top .navbar-brand .blogTitle {
  vertical-align:middle;
  line-height: $top-bar-height;
  font-size: 130%;
  padding-right: 5px;
}

#top .navbar-brand .blogTagLine {
  padding-right: 10px;
  vertical-align:middle;
  line-height: $top-bar-height;
  //font-family: @title-font, cursive;
}

// Adaptation for the small screen menu
@media (max-width: 767px)
{
  #top .small-screen-menu {
    margin-top: $top-bar-height;
  }

  #top .small-screen-menu > nav {
    padding-top: 15px;
  }
}

#top #searchField {
  margin-right: -6px;
}

#top .container {
  padding: 0;
  //background-color: $top-bar-background-color;
}

#top .navbar-toggle {
// color: @top-bar-text-color;
  font-size: 32px;
  height: $top-bar-height;
  width: $top-bar-height; // Square
  border-radius: 0;
  margin: 0;
  padding: 2px 5px;
  line-height: 32px;
  background-color: transparent;
  -webkit-transition: background-color 250ms linear;
  -moz-transition: background-color 250ms linear;
  -o-transition: background-color 250ms linear;
  -ms-transition: background-color 250ms linear;
  transition: background-color 250ms linear;
}

#top .navbar-toggle:hover {
// background-color: @top-bar-background-color-hover;
  -webkit-transition: background-color 250ms linear;
  -moz-transition: background-color 250ms linear;
  -o-transition: background-color 250ms linear;
  -ms-transition: background-color 250ms linear;
  transition: background-color 250ms linear;
}

#top .navbar-nav {
    margin: 0;
}

#top .navbar-nav li a {
  padding-top: 0;
  padding-bottom: 0;
  height: $top-bar-height;
  //color: @top-bar-text-color;
  font-family: 'Lato', sans-serif;
  background-color: transparent;
  -webkit-transition: background-color 250ms linear;
  -moz-transition: background-color 250ms linear;
  -o-transition: background-color 250ms linear;
  -ms-transition: background-color 250ms linear;
  transition: background-color 250ms linear;
}

#top .navbar-nav li a span {
  display: inline-block;
  height: $top-bar-height;
  line-height: $top-bar-height;
}

#top .navbar-form {
  box-shadow: none;
}

#top .navbar-nav li a:hover {
// background-color: @top-bar-background-color-hover;
  -webkit-transition: background-color 250ms linear;
  -moz-transition: background-color 250ms linear;
  -o-transition: background-color 250ms linear;
  -ms-transition: background-color 250ms linear;
  transition: background-color 250ms linear;
}

#top .navbar-collapse {
  border-top: 0;
}

// Do not display the top bar when printing
@media print
{
  #top {
    display: none;
  }
}*/
/*
 * "China" theme for Dotclear
 * --------------------------
 * Author: Thomas PENIN
 * Website: https://www.voyage-est.com
 * License: MIT
 */
.no-js .defer-image {
  display: none;
}

.defer-image > img {
  display: block;
  min-width: 100%;
  max-width: 100%;
}

.defer-image.is-loading {
  position: relative;
  background: #eee;
}

/* Image aspect ratios - % is relative to width. */
.image-ratio-1x2 > div {
  padding-top: 200%;
}

.image-ratio-9x16 > div {
  padding-top: 177.777%;
}

.image-ratio-2x3 > div {
  padding-top: 150%;
}

.image-ratio-3x4 > div {
  padding-top: 133.333%;
}

.image-ratio-1x1 > div {
  padding-top: 100%;
}

.image-ratio-4x3 > div {
  padding-top: 75%;
}

.image-ratio-3x2 > div {
  padding-top: 66.66%;
}

.image-ratio-16x9 > div {
  padding-top: 56.25%;
}

.image-ratio-2x1 > div {
  padding-top: 50%;
}

@-webkit-keyframes bobble {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }

  35% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }
}

@keyframes bobble {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }

  35% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }
}

.defer-image.is-loading::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  margin: -.5em 0 0 -.5em;
  content: ' ';
  -webkit-animation: bobble 2s cubic-bezier(.6, 1, 1, 1) infinite;
          animation: bobble 2s cubic-bezier(.6, 1, 1, 1) infinite;
  border-radius: 100%;
  background: rgba(125, 125, 125, .5);
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.defer-image.is-loaded > img {
  -webkit-animation: fadeIn 1s both;
          animation: fadeIn 1s both;
}

/*
 * "Orchid" theme - Specific styling parts for the landing page
 * ---
 * Author: Thomas PENIN
 * Website: http://www.thomaspenin.com
 * License: MIT
 */
section h1 {
  text-align: center;
}

section p.description {
  font-size: 85%;
  text-align: center;
}

section#about,
section#interests,
section#contact {
  padding-top: 2.0rem;
  padding-bottom: 3.0rem;
}

section#about {
  padding-bottom: 4.25rem;
}

section#contact {
  padding-bottom: 5.75rem;
}

.home-background {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: calc(100vh - 55px);
  padding-top: 55px;
  background-image: url('../images/profile/profile-main.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% var(--backgroundPercentVert);
}

#home > .container {
  display: table;
}

.home-text {
  display: table-cell;
  height: calc(100vh - 55px);
  text-align: center;
  vertical-align: bottom;
  color: black;
  text-shadow: 2px 2px 16px #000;
}

.home-text h1 {
  font-size: 200%;
}

.home-text h1,
.home-text h2,
.home-text p {
  color: #fff;
}

#scroll-down-btn {
  color: #fff;
}

#scroll-down-btn span.icon-bold {
  font-size: 48px;
}

#scroll-down-btn:hover {
  text-decoration: none;
}

#about {
  color: #fff;
  background-color: #228b22;
}

#about .container {
  padding-right: 0;
  padding-left: 0;
}

#about a {
  font-weight: 700;
  color: #fff;
}

#about-tabs {
  margin-top: 5.0rem;
  margin-bottom: 2.0rem;
  text-align: center;
}

#about-tabs li {
  display: flex;
  min-width: 156px;
}

#about-tabs li > a:hover,
#about-tabs li > a:focus,
#about-tabs li > a:active,
#about-tabs .show a {
  background-color: transparent;
}

#about-tabs a {
  font-weight: 400;
  display: flex;
  flex-direction: column;
  color: #32cd32;
  outline: 0;
  flex: 1;
  align-items: center;
  justify-content: space-between;
}

#about-tabs .tab-icon {
  width: 64px;
  height: 64px;
  flex: none;
}

#about-tabs .tab-title {
  padding-top: 1.0rem;
  flex: auto;
}

#about-tabs a:hover {
  transition: color .2s;
  color: #c4f9c4;
}

#about-tabs a.active {
  transition: color .2s;
  color: #fff;
}

#about-tabs .svg.cv {
  transition: color .2s;
  fill: #32cd32;
}

#about-tabs a:hover .svg.cv {
  transition: color .2s;
  fill: #c4f9c4;
}

#about-tabs .active .svg.cv {
  transition: color .2s;
  fill: #fff;
}

#about-tabs .nav-link {
  background-color: transparent;
}

#about .skill {
  font-size: 75%;
  font-weight: bold;
  display: inline-block;
  margin-bottom: .5rem;
  padding: .1rem 1.2rem;
  color: #228b22;
  border-radius: .5rem;
  background-color: rgba(255, 255, 255, .75);
}

#about .skillset {
  font-size: 90%;
  font-weight: bold;
}

#about .description {
  font-size: 90%;
}

#about .quality {
  font-weight: bold;
}

#interests .row {
  margin-top: 40px;
}

#interests .interest-title {
  margin-top: 10px;
}

#interests .card-body {
  padding-right: 0;
  padding-left: 0;
}

#contact {
  background-color: #ccc;
}

#form-alert {
  font-size: 85%;
  display: none;
}

#submit {
  text-align: center;
}

#submit button {
  display: inline-block;
  margin-top: .5rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

#contact input,
#contact textarea {
  width: 100%;
}

#contact .captcha,
#contact .field {
  font-size: 85%;
  margin-top: 1.6rem;
}

#contact .field:first-child {
  margin-top: 0;
}

#contact label {
  font-weight: bold;
}

#contact textarea {
  height: 20rem;
  resize: vertical;
}

@media (min-width: 992px) {
  #ajax-contact {
    padding-right: 120px;
    padding-left: 120px;
  }
}

footer {
  font-size: 85%;
  padding-top: 2.0rem;
  padding-bottom: 2.0rem;
  text-align: center;
}

#credits .license {
  font-size: 85%;
}

#credits h2 a:hover {
  text-decoration: none;
}