/** Variables **/
/** Theme Definitions **/
@font-face {
  font-family: OpenSans;
  src: url(../fonts/Open_Sans/OpenSans-Regular.ttf);
}

html,
body {
  font-family: OpenSans;
}

body {
  /*
    background: $bodyBaseColor;
    background: linear-gradient(135deg, $bodyBaseColor 0%, $gradientSecondColor 70%);
    */
  background: url(../images/lowpoly.png) no-repeat center center fixed;
  background-size: cover;
}

section {
  background: #fff;
}

.text-red {
  color: #e50;
}

a,
a:active,
a:visited {
  color: #02b1ff;
  -webkit-transition: color 250ms;
  transition: color 250ms;
}

a:hover {
  color: #09d;
}

.dark {
  background: #222230;
  color: #fff;
}

.medium {
  background: #99a;
  color: #fff;
}

.light {
  background: #dde;
  color: #445;
}

.x-centered {
  left: 0;
  right: 0;
  margin: auto;
}

.scroll-down-icon {
  cursor: pointer;
}

nav.navbar {
  background: #0d0d12 !important;
}

path#divider-path,
path#who-path,
path#abilities-path,
path#who-path-2,
path#abilities-path-2 {
  fill: #222230;
}

h3 {
  z-index: 2;
  position: -webkit-sticky;
  position: sticky;
}

.vita-bg {
  position: absolute;
  background-image: url(../images/vita-bg-2.png);
  background-size: auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  margin-right: -150px;
  z-index: 0;
}

.who-divider {
  background-color: #fff;
  background-image: url(../images/vita-bg-1.png);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  left: 0;
  top: 0;
}

.who-divider-2 {
  background-color: #fff;
}

.abilities-divider {
  background: rgba(255, 255, 255, 0.35);
}

.profile-img {
  background: url(../images/profile-img.jpg) center center no-repeat;
  background-size: cover;
  border-radius: 50%;
}

.vita-entry-box {
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
  background: #fff;
}

.border-right-dark {
  border-right: 1px solid #999;
}

.border-violet {
  border-color: #a0e;
}

.border-blue {
  border-color: #09d;
}

.border-green {
  border-color: #5c5;
}

.border-yellow {
  border-color: #fc0;
}

.border-red {
  border-color: #e50;
}

.dot-violet {
  background: #a0e;
}

.dot-green {
  background: #5c5;
}

.dot-blue {
  background: #09d;
}

.dot-yellow {
  background: #fc0;
}

.dot-red {
  background: #e50;
}

.dot.half {
  border: 5px solid #000;
}

.triangle {
  background: #fff;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.triangle::after {
  border: 1em solid black;
  border-color: transparent #fff #fff transparent;
  -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
}

.full-height-vita-box.right:before {
  border-left: 5px solid #333;
}

.timeline {
  border-right-width: 5px;
  border-right-style: dotted;
}

.ratings .row:hover {
  background: rgba(159, 159, 214, 0.1);
}

.stars .fa-star.highlight {
  color: #fc0;
}

.stars .fa-star.default {
  color: #99a;
}

section[mad-target-section=projects] {
  background: rgba(255, 255, 255, 0.35);
}

.card {
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}

.drawing-card {
  background: transparent;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  -webkit-filter: grayscale(90%);
          filter: grayscale(90%);
  opacity: 0.8;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

.drawing-card:hover {
  -webkit-filter: grayscale(10%);
          filter: grayscale(10%);
  opacity: 0.95;
}

.image-overlay {
  background: rgba(0, 0, 0, 0.9);
}

.image-overlay i {
  cursor: pointer;
}

.large-image-container {
  background: #000;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.9);
          box-shadow: 0 0 25px rgba(0, 0, 0, 0.9);
}

.large-image-container i {
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
}

.large-image {
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.img-title {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 0.8em;
}

.special-h {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #99a;
  line-height: 0.1em;
  margin: 10px 0 20px;
  color: #99a;
}

.special-h span {
  background: #222230;
  padding: 0 10px;
}
/*# sourceMappingURL=theme.css.map */