/*Site colors*/
/*Mixins*/
@-webkit-keyframes horizontal-move-down {
  0% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@-moz-keyframes horizontal-move-down {
  0% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@-o-keyframes horizontal-move-down {
  0% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@keyframes horizontal-move-down {
  0% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@-webkit-keyframes horizontal-move-up {
  0% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -o-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-moz-keyframes horizontal-move-up {
  0% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -o-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-o-keyframes horizontal-move-up {
  0% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -o-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@keyframes horizontal-move-up {
  0% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -o-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
/* line 29, ../../sass/sass/_header.scss */
.page-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 7;
  padding: 20px 50px;
  display: none;
}

/* line 39, ../../sass/sass/_header.scss */
.page-header.up-scroll {
  background-color: #fff;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
  opacity: .9;
}

/* line 45, ../../sass/sass/_header.scss */
.page-header.up-scroll .horizontal-line {
  background-color: #000;
}

/* line 49, ../../sass/sass/_header.scss */
.my-name-container span {
  color: #e21838;
}

/* line 53, ../../sass/sass/_header.scss */
.menu-button {
  position: absolute;
  top: 20px;
  right: 0;
  width: 74px;
  height: 48px;
}

/* line 61, ../../sass/sass/_header.scss */
.menu-button-open .horizontal-line {
  background-color: #e21838;
}

/* line 65, ../../sass/sass/_header.scss */
.horizontal-line {
  background-color: #fff;
  width: 48%;
  height: 2px;
  position: absolute;
  margin-top: 10px;
  margin-left: 19px;
}

/* line 74, ../../sass/sass/_header.scss */
.horizontal-top-line {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -o-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* line 78, ../../sass/sass/_header.scss */
.horizontal-bottom-line {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -o-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}

/* line 82, ../../sass/sass/_header.scss */
.horizontal-top-line,
.horizontal-middle-line,
.horizontal-bottom-line {
  -webkit-transition: all 277ms ease-in-out;
  -moz-transition: all 277ms ease-in-out;
  -o-transition: all 277ms ease-in-out;
  -ms-transition: all 277ms ease-in-out;
  transition: all 277ms ease-in-out;
}

/* line 88, ../../sass/sass/_header.scss */
.menu-button:hover {
  cursor: pointer;
}

/* line 92, ../../sass/sass/_header.scss */
.menu-button:hover .horizontal-top-line {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  background-color: #fff;
}

/* line 97, ../../sass/sass/_header.scss */
.menu-button:hover .horizontal-middle-line {
  background-color: #fff;
}

/* line 101, ../../sass/sass/_header.scss */
.menu-button:hover .horizontal-bottom-line {
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -o-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  background-color: #fff;
}

/* line 106, ../../sass/sass/_header.scss */
.menu-button.menu-button-open .horizontal-middle-line {
  visibility: hidden;
}

/* line 110, ../../sass/sass/_header.scss */
.menu-button-open:hover .horizontal-line {
  background-color: #e21838;
}

/* line 114, ../../sass/sass/_header.scss */
.menu-button.menu-button-open .horizontal-top-line {
  -webkit-animation: horizontal-move-down 500ms forwards;
  -moz-animation: horizontal-move-down 500ms forwards;
  -o-animation: horizontal-move-down 500ms forwards;
  -ms-animation: horizontal-move-down 500ms forwards;
  animation: horizontal-move-down 500ms forwards;
}

/* line 118, ../../sass/sass/_header.scss */
.menu-button.menu-button-open .horizontal-bottom-line {
  -webkit-animation: horizontal-move-up 500ms forwards;
  -moz-animation: horizontal-move-up 500ms forwards;
  -o-animation: horizontal-move-up 500ms forwards;
  -ms-animation: horizontal-move-up 500ms forwards;
  animation: horizontal-move-up 500ms forwards;
}

@media only screen and (max-width: 650px) {
  /* line 124, ../../sass/sass/_header.scss */
  .horizontal-line,
  .menu-button:hover .horizontal-top-line,
  .menu-button:hover .horizontal-middle-line,
  .menu-button:hover .horizontal-bottom-line {
    background-color: #000;
  }
}
@-webkit-keyframes blinking-cursor {
  0% {
    box-shadow: 1px 0 #000;
  }
  100% {
    box-shadow: 0 0 #000;
  }
}
@-moz-keyframes blinking-cursor {
  0% {
    box-shadow: 1px 0 #000;
  }
  100% {
    box-shadow: 0 0 #000;
  }
}
@-o-keyframes blinking-cursor {
  0% {
    box-shadow: 1px 0 #000;
  }
  100% {
    box-shadow: 0 0 #000;
  }
}
@keyframes blinking-cursor {
  0% {
    box-shadow: 1px 0 #000;
  }
  100% {
    box-shadow: 0 0 #000;
  }
}
@-webkit-keyframes pulse-arrow {
  0% {
    bottom: 40px;
  }
  50% {
    bottom: 60px;
  }
  to {
    bottom: 40px;
  }
}
@-moz-keyframes pulse-arrow {
  0% {
    bottom: 40px;
  }
  50% {
    bottom: 60px;
  }
  to {
    bottom: 40px;
  }
}
@-o-keyframes pulse-arrow {
  0% {
    bottom: 40px;
  }
  50% {
    bottom: 60px;
  }
  to {
    bottom: 40px;
  }
}
@keyframes pulse-arrow {
  0% {
    bottom: 40px;
  }
  50% {
    bottom: 60px;
  }
  to {
    bottom: 40px;
  }
}
/* line 25, ../../sass/sass/_diminsion.scss */
.star-canvas {
  position: absolute;
  width: 100%;
  height: 800px;
}

/* line 31, ../../sass/sass/_diminsion.scss */
.typewrite {
  color: #000;
  font-size: 60px;
  float: left;
  width: 100%;
  font-weight: bold;
  text-align: left;
}

/* line 40, ../../sass/sass/_diminsion.scss */
.typewriter-container {
  text-align: center;
  overflow: hidden;
}

/* line 45, ../../sass/sass/_diminsion.scss */
.wrap {
  -webkit-animation: blinking-cursor 1200ms infinite;
  -moz-animation: blinking-cursor 1200ms infinite;
  -o-animation: blinking-cursor 1200ms infinite;
  -ms-animation: blinking-cursor 1200ms infinite;
  animation: blinking-cursor 1200ms infinite;
  padding-right: 2px;
}

/* line 50, ../../sass/sass/_diminsion.scss */
.title-section {
  width: 100%;
  height: 100vh;
  border-bottom: 1px solid red;
}

/* line 56, ../../sass/sass/_diminsion.scss */
.title-overlay {
  width: 60%;
  float: left;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 1;
  display: none;
}

/* line 68, ../../sass/sass/_diminsion.scss */
.title-overlay:after {
  content: '';
  position: absolute;
  background-color: #fff;
  right: -125px;
  -webkit-transform: skewX(-16deg);
  -moz-transform: skewX(-16deg);
  -o-transform: skewX(-16deg);
  -ms-transform: skewX(-16deg);
  transform: skewX(-16deg);
  height: 100%;
  width: 250px;
  transform-origin: 100%;
  box-shadow: 4px 0px 4px 0px rgba(0, 0, 0, 0.3);
}

/* line 80, ../../sass/sass/_diminsion.scss */
.stars-container {
  width: 100%;
  height: 100%;
  background-color: #e21838;
  position: absolute;
}

/* line 87, ../../sass/sass/_diminsion.scss */
.title-type-container {
  position: absolute;
  width: 60%;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  margin-left: 50px;
  margin-top: -50px;
}

/* line 98, ../../sass/sass/_diminsion.scss */
.pulse-arrow-container {
  position: absolute;
  z-index: 2;
  left: 0;
  width: 60%;
  text-align: center;
  font-size: 70px;
  -webkit-animation: pulse-arrow 2000ms ease-in-out infinite;
  -moz-animation: pulse-arrow 2000ms ease-in-out infinite;
  -o-animation: pulse-arrow 2000ms ease-in-out infinite;
  -ms-animation: pulse-arrow 2000ms ease-in-out infinite;
  animation: pulse-arrow 2000ms ease-in-out infinite;
  color: #e21838;
}

/* line 110, ../../sass/sass/_diminsion.scss */
.pulse-arrow-container:hover {
  color: #000;
  cursor: pointer;
}

/* line 115, ../../sass/sass/_diminsion.scss */
.type-last-word {
  color: #e21838;
}

@media only screen and (max-width: 850px) {
  /* line 120, ../../sass/sass/_diminsion.scss */
  .typewrite {
    font-size: 44px;
  }
}
@media only screen and (max-width: 600px) {
  /* line 126, ../../sass/sass/_diminsion.scss */
  .typewrite {
    font-size: 38px;
  }
}
@media only screen and (max-width: 450px) {
  /* line 132, ../../sass/sass/_diminsion.scss */
  .title-overlay:after {
    right: -80px;
    width: 150px;
    -webkit-transform: skewX(-6deg);
    -moz-transform: skewX(-6deg);
    -o-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    transform: skewX(-6deg);
  }
}
/*Mixins*/
/*Keyframes*/
@-webkit-keyframes menu-box-rotation-clockwise {
  0% {
    -webkit-transform: rotate(-45deg) translateZ(0);
    -moz-transform: rotate(-45deg) translateZ(0);
    -o-transform: rotate(-45deg) translateZ(0);
    -ms-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
  }
  100% {
    -webkit-transform: rotate(135deg) translateZ(0);
    -moz-transform: rotate(135deg) translateZ(0);
    -o-transform: rotate(135deg) translateZ(0);
    -ms-transform: rotate(135deg) translateZ(0);
    transform: rotate(135deg) translateZ(0);
  }
}
@-moz-keyframes menu-box-rotation-clockwise {
  0% {
    -webkit-transform: rotate(-45deg) translateZ(0);
    -moz-transform: rotate(-45deg) translateZ(0);
    -o-transform: rotate(-45deg) translateZ(0);
    -ms-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
  }
  100% {
    -webkit-transform: rotate(135deg) translateZ(0);
    -moz-transform: rotate(135deg) translateZ(0);
    -o-transform: rotate(135deg) translateZ(0);
    -ms-transform: rotate(135deg) translateZ(0);
    transform: rotate(135deg) translateZ(0);
  }
}
@-o-keyframes menu-box-rotation-clockwise {
  0% {
    -webkit-transform: rotate(-45deg) translateZ(0);
    -moz-transform: rotate(-45deg) translateZ(0);
    -o-transform: rotate(-45deg) translateZ(0);
    -ms-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
  }
  100% {
    -webkit-transform: rotate(135deg) translateZ(0);
    -moz-transform: rotate(135deg) translateZ(0);
    -o-transform: rotate(135deg) translateZ(0);
    -ms-transform: rotate(135deg) translateZ(0);
    transform: rotate(135deg) translateZ(0);
  }
}
@keyframes menu-box-rotation-clockwise {
  0% {
    -webkit-transform: rotate(-45deg) translateZ(0);
    -moz-transform: rotate(-45deg) translateZ(0);
    -o-transform: rotate(-45deg) translateZ(0);
    -ms-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
  }
  100% {
    -webkit-transform: rotate(135deg) translateZ(0);
    -moz-transform: rotate(135deg) translateZ(0);
    -o-transform: rotate(135deg) translateZ(0);
    -ms-transform: rotate(135deg) translateZ(0);
    transform: rotate(135deg) translateZ(0);
  }
}
@-webkit-keyframes menu-box-rotation-counter {
  0% {
    -webkit-transform: rotate(-45deg) translateZ(0);
    -moz-transform: rotate(-45deg) translateZ(0);
    -o-transform: rotate(-45deg) translateZ(0);
    -ms-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
  }
  100% {
    -webkit-transform: rotate(0deg) translateZ(0);
    -moz-transform: rotate(0deg) translateZ(0);
    -o-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0);
    transform: rotate(0deg) translateZ(0);
  }
}
@-moz-keyframes menu-box-rotation-counter {
  0% {
    -webkit-transform: rotate(-45deg) translateZ(0);
    -moz-transform: rotate(-45deg) translateZ(0);
    -o-transform: rotate(-45deg) translateZ(0);
    -ms-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
  }
  100% {
    -webkit-transform: rotate(0deg) translateZ(0);
    -moz-transform: rotate(0deg) translateZ(0);
    -o-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0);
    transform: rotate(0deg) translateZ(0);
  }
}
@-o-keyframes menu-box-rotation-counter {
  0% {
    -webkit-transform: rotate(-45deg) translateZ(0);
    -moz-transform: rotate(-45deg) translateZ(0);
    -o-transform: rotate(-45deg) translateZ(0);
    -ms-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
  }
  100% {
    -webkit-transform: rotate(0deg) translateZ(0);
    -moz-transform: rotate(0deg) translateZ(0);
    -o-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0);
    transform: rotate(0deg) translateZ(0);
  }
}
@keyframes menu-box-rotation-counter {
  0% {
    -webkit-transform: rotate(-45deg) translateZ(0);
    -moz-transform: rotate(-45deg) translateZ(0);
    -o-transform: rotate(-45deg) translateZ(0);
    -ms-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
  }
  100% {
    -webkit-transform: rotate(0deg) translateZ(0);
    -moz-transform: rotate(0deg) translateZ(0);
    -o-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0);
    transform: rotate(0deg) translateZ(0);
  }
}
/* line 27, ../../sass/sass/_menu.scss */
.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: none;
  background-color: rgba(255, 255, 255, 0.98);
  z-index: 6;
  align-items: center;
  justify-content: center;
}

/* line 40, ../../sass/sass/_menu.scss */
.menu-inner {
  width: 412px;
  height: 412px;
}

/* line 45, ../../sass/sass/_menu.scss */
.box-outline {
  border: 4px solid #e21838;
  background-color: #e21838;
  width: 412px;
  height: 412px;
  position: absolute;
  -webkit-animation: menu-box-rotation-clockwise 1200ms forwards;
  -moz-animation: menu-box-rotation-clockwise 1200ms forwards;
  -o-animation: menu-box-rotation-clockwise 1200ms forwards;
  -ms-animation: menu-box-rotation-clockwise 1200ms forwards;
  animation: menu-box-rotation-clockwise 1200ms forwards;
  box-shadow: -3px -3px 4px 0px rgba(0, 0, 0, 0.3);
}

/* line 55, ../../sass/sass/_menu.scss */
.box-outline-shadow {
  border: 4px solid #e21838;
  width: 412px;
  height: 412px;
  position: absolute;
  background-color: #fff;
  -webkit-animation: menu-box-rotation-counter 1200ms forwards;
  -moz-animation: menu-box-rotation-counter 1200ms forwards;
  -o-animation: menu-box-rotation-counter 1200ms forwards;
  -ms-animation: menu-box-rotation-counter 1200ms forwards;
  animation: menu-box-rotation-counter 1200ms forwards;
  z-index: 2;
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.3);
}

/* line 66, ../../sass/sass/_menu.scss */
.menu-items {
  text-align: center;
  position: absolute;
  width: 226px;
  margin-left: 53px;
  z-index: 3;
}

/* line 74, ../../sass/sass/_menu.scss */
.menu-item {
  font-size: 32px;
  color: #57595b;
  display: block;
  padding: 30px 0;
  text-transform: lowercase;
}

/* line 82, ../../sass/sass/_menu.scss */
.menu-item a {
  padding-left: 15px;
}

/* line 86, ../../sass/sass/_menu.scss */
.menu-item:hover {
  color: #e21838;
  cursor: pointer;
}

/* line 91, ../../sass/sass/_menu.scss */
.menu-item:hover a {
  box-shadow: -4px 0 #e21838;
}

/* line 95, ../../sass/sass/_menu.scss */
.current-section {
  box-shadow: -4px 0 #e21838;
}

@media only screen and (max-width: 500px) {
  /* line 102, ../../sass/sass/_menu.scss */
  .menu-inner,
  .box-outline,
  .box-outline-shadow {
    width: 300px;
    height: 300px;
  }

  /* line 109, ../../sass/sass/_menu.scss */
  .menu-items {
    margin-left: 8px;
  }

  /* line 113, ../../sass/sass/_menu.scss */
  .menu-item {
    font-size: 22px;
    padding: 22px 0;
  }
}
/* line 1, ../../sass/sass/_aboutme.scss */
.about-me-section {
  padding-top: 16px;
  height: 600px;
  position: relative;
  z-index: 1;
  position: relative;
  z-index: 1;
}
/* line 76, ../../sass/sass/app.scss */
.about-me-section:before {
  background: inherit;
  content: '';
  display: block;
  height: 35%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  top: 0;
  transform: skewY(-4deg);
  transform-origin: -2%;
  background-color: #fff;
}
/* line 55, ../../sass/sass/app.scss */
.about-me-section:after {
  background: inherit;
  content: '';
  display: block;
  height: 35%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  bottom: 0;
  transform: skewY(4deg);
  transform-origin: -2%;
  background-color: #fff;
}

/* line 8, ../../sass/sass/_aboutme.scss */
.about-me-section:before {
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3);
}

/* line 12, ../../sass/sass/_aboutme.scss */
.about-me-section:after {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3);
}

/* line 16, ../../sass/sass/_aboutme.scss */
.about-me-description {
  width: 70%;
  margin: 0 auto;
}

/* line 21, ../../sass/sass/_aboutme.scss */
.adele {
  font-size: 76px;
  text-align: center;
  letter-spacing: 2px;
}

/* line 27, ../../sass/sass/_aboutme.scss */
.description {
  font-size: 20px;
  line-height: 56px;
  letter-spacing: 2px;
}

/* line 33, ../../sass/sass/_aboutme.scss */
.skills-wrapper {
  display: flex;
  justify-content: center;
}

/* line 38, ../../sass/sass/_aboutme.scss */
.skills-container {
  width: 70%;
  margin: 70px 0;
  display: flex;
  justify-content: space-between;
  position: absolute;
}
/* line 45, ../../sass/sass/_aboutme.scss */
.skills-container .skills-block {
  border: 1px solid #57595b;
  border-radius: 4px;
  width: 20%;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  position: relative;
}
/* line 56, ../../sass/sass/_aboutme.scss */
.skills-container .skills-block.skills-block-small {
  font-size: 32px;
}
/* line 60, ../../sass/sass/_aboutme.scss */
.skills-container .skills-block .skill {
  color: #e21838;
}
/* line 64, ../../sass/sass/_aboutme.scss */
.skills-container .skills-block .skills-circle {
  border: 1px solid #e21838;
  border-radius: 100%;
  color: #fff;
  background-color: #e21838;
  position: absolute;
  right: -20px;
  top: -26px;
  width: 50px;
  height: 50px;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 81, ../../sass/sass/_aboutme.scss */
.skills-container.hidden {
  display: none;
  position: absolute;
}

@media only screen and (max-width: 1100px) {
  /* line 88, ../../sass/sass/_aboutme.scss */
  .about-me-section {
    height: 800px;
  }

  /* line 92, ../../sass/sass/_aboutme.scss */
  .skills-container {
    flex-wrap: wrap;
  }
  /* line 95, ../../sass/sass/_aboutme.scss */
  .skills-container .skills-block {
    width: 46%;
    margin: 26px 0;
  }
}
@media only screen and (max-width: 850px) {
  /* line 104, ../../sass/sass/_aboutme.scss */
  .about-me-section {
    height: 700px;
  }

  /* line 108, ../../sass/sass/_aboutme.scss */
  .about-me-description {
    width: 90%;
  }

  /* line 112, ../../sass/sass/_aboutme.scss */
  .adele {
    font-size: 40px;
  }

  /* line 116, ../../sass/sass/_aboutme.scss */
  .description {
    font-size: 16px;
    line-height: 40px;
    font-size: 18px;
  }

  /* line 122, ../../sass/sass/_aboutme.scss */
  .skills-container {
    width: 90%;
  }
}
@media only screen and (max-width: 600px) {
  /* line 128, ../../sass/sass/_aboutme.scss */
  .about-me-section {
    height: 1100px;
  }

  /* line 132, ../../sass/sass/_aboutme.scss */
  .skills-container {
    margin: 30px 0;
  }
  /* line 135, ../../sass/sass/_aboutme.scss */
  .skills-container .skills-block {
    width: 90%;
    margin: 26px 5%;
  }
}
/* line 1, ../../sass/sass/_divider.scss */
.divider-section-wrapper {
  width: 100%;
  height: 300px;
  position: relative;
}

/* line 7, ../../sass/sass/_divider.scss */
.divider-section {
  background-color: #e21838;
  height: 100%;
  width: 100%;
  box-shadow: inset 0px -4px 4px 0px rgba(0, 0, 0, 0.3);
}

/* line 14, ../../sass/sass/_divider.scss */
.divider-section:before {
  box-shadow: inset 0px 6px 10px 0px rgba(0, 0, 0, 0.5);
}

/* line 18, ../../sass/sass/_divider.scss */
.divider-section:after {
  box-shadow: inset 0px -6px 10px 0px rgba(0, 0, 0, 0.5);
}

/* line 22, ../../sass/sass/_divider.scss */
.divider-section canvas {
  width: 100%;
  height: 300px;
  position: absolute;
}

/* line 28, ../../sass/sass/_divider.scss */
.divider-ufo {
  position: relative;
  width: 100px;
  height: 100px;
}

/* line 34, ../../sass/sass/_divider.scss */
.divider-ufo path {
  fill: #fff;
}

/* line 38, ../../sass/sass/_divider.scss */
.divider-ufo text {
  display: none;
}

/* line 42, ../../sass/sass/_divider.scss */
.divider-overlay {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

/* line 52, ../../sass/sass/_divider.scss */
.arrow-right {
  width: 0;
  height: 0;
  border-top: 150px solid transparent;
  border-bottom: 150px solid transparent;
  border-left: 150px solid #fff;
  float: left;
}

@-webkit-keyframes email-bounce {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.4, 1.4);
    -moz-transform: scale(1.4, 1.4);
    -o-transform: scale(1.4, 1.4);
    -ms-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes email-bounce {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.4, 1.4);
    -moz-transform: scale(1.4, 1.4);
    -o-transform: scale(1.4, 1.4);
    -ms-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-o-keyframes email-bounce {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.4, 1.4);
    -moz-transform: scale(1.4, 1.4);
    -o-transform: scale(1.4, 1.4);
    -ms-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes email-bounce {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.4, 1.4);
    -moz-transform: scale(1.4, 1.4);
    -o-transform: scale(1.4, 1.4);
    -ms-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes heart-beat {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes heart-beat {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes heart-beat {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heart-beat {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/* line 29, ../../sass/sass/_contact.scss */
.contact-section {
  position: relative;
  z-index: 1;
}
/* line 76, ../../sass/sass/app.scss */
.contact-section:before {
  background: inherit;
  content: '';
  display: block;
  height: 60px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  top: 0;
  transform: skewY(-4deg);
  transform-origin: -100%;
  background-color: #fff;
}

/* line 33, ../../sass/sass/_contact.scss */
.contact-section:before {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3);
}

/* line 37, ../../sass/sass/_contact.scss */
.share-me {
  width: 312px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 40px;
}

/* line 44, ../../sass/sass/_contact.scss */
.share-me-title {
  letter-spacing: 2px;
  font-size: 16px;
  margin: 0 auto;
  padding-bottom: 7px;
  text-align: center;
}

/* line 52, ../../sass/sass/_contact.scss */
.share-me span {
  display: block;
  padding: 20px 20px;
  border-radius: 5px;
}

/* line 58, ../../sass/sass/_contact.scss */
.share-me span:hover {
  cursor: pointer;
  color: #fff;
}

/* line 63, ../../sass/sass/_contact.scss */
.share-me-links {
  display: flex;
  justify-content: space-evenly;
}

/* line 68, ../../sass/sass/_contact.scss */
.share-me-link {
  color: #000;
}

/* line 72, ../../sass/sass/_contact.scss */
#shareMeEmail:hover {
  color: #d92f26;
}

/* line 76, ../../sass/sass/_contact.scss */
#shareMeStackOverflow:hover {
  color: #f48024;
}

/* line 80, ../../sass/sass/_contact.scss */
#shareMeLinkedIn:hover {
  color: #3498db;
}

/* line 84, ../../sass/sass/_contact.scss */
#shareMeGit:hover {
  color: #66b849;
}

/* line 88, ../../sass/sass/_contact.scss */
#shareMeOldSite:hover {
  color: #e21838;
}

/* line 92, ../../sass/sass/_contact.scss */
.copyright {
  padding-bottom: 5px;
  font-weight: 100;
  text-align: center;
  color: #57595b;
}
/* line 98, ../../sass/sass/_contact.scss */
.copyright i {
  color: red;
  margin: 0 2px;
  -webkit-animation: heart-beat 2s linear infinite;
  -moz-animation: heart-beat 2s linear infinite;
  -o-animation: heart-beat 2s linear infinite;
  -ms-animation: heart-beat 2s linear infinite;
  animation: heart-beat 2s linear infinite;
}

/* line 1, ../../sass/sass/_quotes.scss */
.quotes-section {
  height: 430px;
  width: 56%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  position: relative;
  z-index: 1;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3);
}
/* line 76, ../../sass/sass/app.scss */
.quotes-section:before {
  background: inherit;
  content: '';
  display: block;
  height: 35%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  top: 0;
  transform: skewY(-3deg);
  transform-origin: -100%;
  background-color: #fff;
}
/* line 55, ../../sass/sass/app.scss */
.quotes-section:after {
  background: inherit;
  content: '';
  display: block;
  height: 35%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  bottom: 0;
  transform: skewY(3deg);
  transform-origin: -100%;
  background-color: #fff;
}
/* line 9, ../../sass/sass/_quotes.scss */
.quotes-section:before {
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3);
}
/* line 13, ../../sass/sass/_quotes.scss */
.quotes-section:after {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3);
}
/* line 17, ../../sass/sass/_quotes.scss */
.quotes-section .quote-slick {
  padding-top: 64px;
}
/* line 21, ../../sass/sass/_quotes.scss */
.quotes-section .slick-arrow:before {
  font-weight: 900;
  color: #e21838;
  font-family: "Font Awesome 5 Free";
  font-size: 42px;
}
/* line 28, ../../sass/sass/_quotes.scss */
.quotes-section .slick-prev {
  left: -50px;
}
/* line 32, ../../sass/sass/_quotes.scss */
.quotes-section .slick-next {
  right: -50px;
}
/* line 36, ../../sass/sass/_quotes.scss */
.quotes-section .slick-prev,
.quotes-section .slick-next {
  top: 60%;
}
/* line 41, ../../sass/sass/_quotes.scss */
.quotes-section .slick-prev:before {
  content: "\f053";
}
/* line 45, ../../sass/sass/_quotes.scss */
.quotes-section .slick-next:before {
  content: "\f054";
}
/* line 49, ../../sass/sass/_quotes.scss */
.quotes-section .slick-dots {
  bottom: -80px;
}
/* line 53, ../../sass/sass/_quotes.scss */
.quotes-section .slick-list {
  width: 90%;
  margin: 0 auto;
}
/* line 58, ../../sass/sass/_quotes.scss */
.quotes-section .quote {
  width: 50%;
}
/* line 61, ../../sass/sass/_quotes.scss */
.quotes-section .quote .header {
  text-align: center;
  letter-spacing: 2px;
}
/* line 65, ../../sass/sass/_quotes.scss */
.quotes-section .quote .header .person {
  font-size: 40px;
  margin-bottom: 12px;
}
/* line 70, ../../sass/sass/_quotes.scss */
.quotes-section .quote .header .company {
  margin-bottom: 24px;
  font-style: italic;
}
/* line 76, ../../sass/sass/_quotes.scss */
.quotes-section .quote .actual-quote {
  font-size: 22px;
  text-align: center;
  letter-spacing: 2px;
  line-height: 36px;
}

@media only screen and (max-width: 1100px) {
  /* line 86, ../../sass/sass/_quotes.scss */
  .quotes-section .quote .actual-quote {
    line-height: 30px;
  }

  /* line 90, ../../sass/sass/_quotes.scss */
  .quotes-section .quote-slick {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 910px) {
  /* line 96, ../../sass/sass/_quotes.scss */
  .quotes-section {
    width: 70%;
  }
  /* line 100, ../../sass/sass/_quotes.scss */
  .quotes-section .quote .header .person {
    font-size: 30px;
  }
  /* line 104, ../../sass/sass/_quotes.scss */
  .quotes-section .quote .actual-quote {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 600px) {
  /* line 113, ../../sass/sass/_quotes.scss */
  .quotes-section {
    height: 550px;
  }
  /* line 116, ../../sass/sass/_quotes.scss */
  .quotes-section .quote .actual-quote {
    line-height: 24px;
  }
}
@-webkit-keyframes border-square-in {
  0% {
    border-radius: 100%;
  }
  100% {
    border-radius: 0;
  }
}
@-moz-keyframes border-square-in {
  0% {
    border-radius: 100%;
  }
  100% {
    border-radius: 0;
  }
}
@-o-keyframes border-square-in {
  0% {
    border-radius: 100%;
  }
  100% {
    border-radius: 0;
  }
}
@keyframes border-square-in {
  0% {
    border-radius: 100%;
  }
  100% {
    border-radius: 0;
  }
}
@-webkit-keyframes border-square-out {
  0% {
    border-radius: 0;
  }
  100% {
    border-radius: 100%;
  }
}
@-moz-keyframes border-square-out {
  0% {
    border-radius: 0;
  }
  100% {
    border-radius: 100%;
  }
}
@-o-keyframes border-square-out {
  0% {
    border-radius: 0;
  }
  100% {
    border-radius: 100%;
  }
}
@keyframes border-square-out {
  0% {
    border-radius: 0;
  }
  100% {
    border-radius: 100%;
  }
}
/* line 21, ../../sass/sass/_viewmore.scss */
.view-more-section {
  height: 100vh;
  display: flex;
}
/* line 25, ../../sass/sass/_viewmore.scss */
.view-more-section .vm-container {
  flex-grow: 1;
  flex-basis: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.3);
  transition: 1s all;
  width: 50%;
}
/* line 35, ../../sass/sass/_viewmore.scss */
.view-more-section .vm-container:hover {
  cursor: pointer;
}
/* line 38, ../../sass/sass/_viewmore.scss */
.view-more-section .vm-container:hover .vm-inner {
  -webkit-animation: border-square-in 500ms forwards;
  -moz-animation: border-square-in 500ms forwards;
  -o-animation: border-square-in 500ms forwards;
  -ms-animation: border-square-in 500ms forwards;
  animation: border-square-in 500ms forwards;
}
/* line 41, ../../sass/sass/_viewmore.scss */
.view-more-section .vm-container:hover .vm-inner.contact-me-inner {
  -webkit-animation: border-square-out 500ms forwards;
  -moz-animation: border-square-out 500ms forwards;
  -o-animation: border-square-out 500ms forwards;
  -ms-animation: border-square-out 500ms forwards;
  animation: border-square-out 500ms forwards;
}
/* line 47, ../../sass/sass/_viewmore.scss */
.view-more-section .vm-container.continue-exploring:hover, .view-more-section .vm-container.contact-me:hover {
  width: 60%;
}
/* line 52, ../../sass/sass/_viewmore.scss */
.view-more-section .vm-container .vm-inner {
  width: 360px;
  height: 360px;
  border: 6px solid #e21838;
  text-align: center;
  color: #e21838;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-animation: border-square-out 500ms forwards;
  -moz-animation: border-square-out 500ms forwards;
  -o-animation: border-square-out 500ms forwards;
  -ms-animation: border-square-out 500ms forwards;
  animation: border-square-out 500ms forwards;
}
/* line 63, ../../sass/sass/_viewmore.scss */
.view-more-section .vm-container .vm-inner .small {
  font-size: 18px;
  margin-bottom: 8px;
  font-style: italic;
}
/* line 69, ../../sass/sass/_viewmore.scss */
.view-more-section .vm-container .vm-inner .big {
  font-size: 56px;
}
/* line 73, ../../sass/sass/_viewmore.scss */
.view-more-section .vm-container .vm-inner.contact-me-inner {
  border: 6px solid #fff;
  -webkit-animation: border-square-in 500ms forwards;
  -moz-animation: border-square-in 500ms forwards;
  -o-animation: border-square-in 500ms forwards;
  -ms-animation: border-square-in 500ms forwards;
  animation: border-square-in 500ms forwards;
}
/* line 77, ../../sass/sass/_viewmore.scss */
.view-more-section .vm-container .vm-inner.contact-me-inner .small,
.view-more-section .vm-container .vm-inner.contact-me-inner .big,
.view-more-section .vm-container .vm-inner.contact-me-inner .vm-hidden-wrapper {
  color: #fff;
}
/* line 85, ../../sass/sass/_viewmore.scss */
.view-more-section .vm-container .vm-hidden-wrapper {
  display: none;
  position: absolute;
}
/* line 89, ../../sass/sass/_viewmore.scss */
.view-more-section .vm-container .vm-hidden-wrapper.vm-hidden-email {
  font-size: 50px;
  color: #fff;
}
/* line 96, ../../sass/sass/_viewmore.scss */
.view-more-section .contact-me {
  background-color: #e21838;
}

@media only screen and (max-width: 850px) {
  /* line 103, ../../sass/sass/_viewmore.scss */
  .view-more-section .vm-container .vm-inner {
    width: 270px;
    height: 270px;
  }
  /* line 107, ../../sass/sass/_viewmore.scss */
  .view-more-section .vm-container .vm-inner .big {
    font-size: 40px;
  }
}
@media only screen and (max-width: 600px) {
  /* line 117, ../../sass/sass/_viewmore.scss */
  .view-more-section {
    flex-direction: column;
  }
  /* line 120, ../../sass/sass/_viewmore.scss */
  .view-more-section .vm-container {
    width: 100%;
  }
  /* line 123, ../../sass/sass/_viewmore.scss */
  .view-more-section .vm-container.continue-exploring:hover, .view-more-section .vm-container.contact-me:hover {
    width: 100%;
  }
  /* line 128, ../../sass/sass/_viewmore.scss */
  .view-more-section .vm-container.contact-me {
    box-shadow: none;
  }
  /* line 132, ../../sass/sass/_viewmore.scss */
  .view-more-section .vm-container .vm-hidden-wrapper.vm-hidden-email {
    font-size: 20px;
  }
}
/* line 1, ../../sass/sass/_slides.scss */
.slides-section {
  height: 1000px;
  display: flex;
  justify-content: center;
  margin-top: 80px;
  position: relative;
  z-index: 1;
}
/* line 76, ../../sass/sass/app.scss */
.slides-section:before {
  background: inherit;
  content: '';
  display: block;
  height: 150px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  top: 0;
  transform: skewY(-4deg);
  transform-origin: -100%;
  background-color: #fff;
}
/* line 8, ../../sass/sass/_slides.scss */
.slides-section:before {
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.3);
}
/* line 12, ../../sass/sass/_slides.scss */
.slides-section .slides-wrapper {
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
/* line 15, ../../sass/sass/_slides.scss */
.slides-section .slides-wrapper .title {
  text-align: center;
  font-size: 36px;
  letter-spacing: 3px;
  font-weight: 100;
  margin-bottom: 60px;
}
/* line 22, ../../sass/sass/_slides.scss */
.slides-section .slides-wrapper .slides-row {
  display: flex;
  justify-content: space-evenly;
}
/* line 26, ../../sass/sass/_slides.scss */
.slides-section .slides-wrapper .slides-row.border-bottom {
  border-bottom: 1px solid #e21838;
}
/* line 30, ../../sass/sass/_slides.scss */
.slides-section .slides-wrapper .slides-row a {
  text-decoration: none;
  color: #000;
  flex-basis: 0;
  flex-grow: 1;
  padding: 26px;
}
/* line 37, ../../sass/sass/_slides.scss */
.slides-section .slides-wrapper .slides-row a.slide {
  text-align: center;
}
/* line 40, ../../sass/sass/_slides.scss */
.slides-section .slides-wrapper .slides-row a.slide.border-right {
  border-right: 1px solid #e21838;
}
/* line 44, ../../sass/sass/_slides.scss */
.slides-section .slides-wrapper .slides-row a.slide i {
  width: 100%;
  text-align: center;
  font-size: 64px;
  color: #e21838;
}
/* line 50, ../../sass/sass/_slides.scss */
.slides-section .slides-wrapper .slides-row a.slide .title {
  font-size: 30px;
  letter-spacing: 4px;
  margin-top: 60px;
  font-weight: bold;
}
/* line 56, ../../sass/sass/_slides.scss */
.slides-section .slides-wrapper .slides-row a.slide .tag {
  width: 80%;
  letter-spacing: 2px;
  margin: 12px auto;
}

@media only screen and (max-width: 750px) {
  /* line 68, ../../sass/sass/_slides.scss */
  .slides-section {
    height: 1350px;
  }
  /* line 70, ../../sass/sass/_slides.scss */
  .slides-section .slides-wrapper {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* line 73, ../../sass/sass/_slides.scss */
  .slides-section .slides-wrapper .title {
    font-size: 28px;
  }
  /* line 76, ../../sass/sass/_slides.scss */
  .slides-section .slides-wrapper .slides-row {
    flex-wrap: wrap;
  }
  /* line 79, ../../sass/sass/_slides.scss */
  .slides-section .slides-wrapper .slides-row.border-bottom {
    border: none;
  }
  /* line 83, ../../sass/sass/_slides.scss */
  .slides-section .slides-wrapper .slides-row a {
    padding: 28px;
    flex-basis: 100%;
  }
  /* line 87, ../../sass/sass/_slides.scss */
  .slides-section .slides-wrapper .slides-row a.slide i {
    font-size: 42px;
  }
  /* line 91, ../../sass/sass/_slides.scss */
  .slides-section .slides-wrapper .slides-row a.slide .title {
    margin: 12px;
    font-size: 24px;
  }
  /* line 96, ../../sass/sass/_slides.scss */
  .slides-section .slides-wrapper .slides-row a.slide.border-right {
    border: none;
  }
}
/* line 103, ../../sass/sass/app.scss */
body {
  margin: 0;
  padding: 0;
  font-family: 'Raleway', sans-serif;
  overflow-x: hidden;
}

/* line 110, ../../sass/sass/app.scss */
html {
  box-sizing: border-box;
}

/* line 114, ../../sass/sass/app.scss */
*,
*:before,
*:after {
  box-sizing: inherit;
}

/* line 120, ../../sass/sass/app.scss */
.section-title {
  font-size: 50px;
  text-align: center;
  margin-bottom: 100px;
  position: relative;
}

/* line 127, ../../sass/sass/app.scss */
.main-page-content {
  overflow: hidden;
}