/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/css/projects.scss ***!
  \*******************************************************************************************************************/
html {
  height: 100vh;
}

body {
  background: #8e172f;
  height: 100vh;
}

#main {
  height: 100vh;
}

#header {
  background: transparent;
}
#header #header__logo svg path,
#header #header__logo svg rect,
#header #header__logo svg polygon {
  fill: #fff;
}
#header #header__navigation ul li a {
  color: #fff;
  border-color: #fff;
}
#header #header__navigation ul li a > span {
  color: #fff;
}
#header #header__navigation ul li.current-menu-item a {
  background: #fff;
  color: #8e172f;
}
#header #header__navigation ul li.current-menu-item a > span {
  color: #8e172f;
}

#footer {
  display: none;
}

#projects {
  color: #fff;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
}
#projects h1, #projects h2 {
  color: #fff;
}
#projects .project__swiper {
  height: 42vh;
}
@media (max-width: 767px) {
  #projects .project__swiper {
    height: 30vh;
  }
}
#projects .project__swiper .swiper-slide {
  width: auto;
  height: 42vh;
}
#projects .project__swiper .swiper-slide img {
  height: 42vh;
  width: auto;
  display: block;
}
@media (max-width: 767px) {
  #projects .project__swiper .swiper-slide {
    height: 30vh;
    display: flex;
    justify-content: center;
  }
  #projects .project__swiper .swiper-slide img {
    height: 30vh;
  }
}
#projects .project__swiper .project__swiper-button-next, #projects .project__swiper .project__swiper-button-prev {
  width: 32px;
  height: 32px;
  position: absolute;
  top: calc(50% - 16px);
  z-index: 2;
}
#projects .project__swiper .project__swiper-button-next {
  right: 20px;
}
#projects .project__swiper .project__swiper-button-prev {
  left: 20px;
}

@media (max-width: 767px) {
  #header #header__navbutton {
    background: #fff;
    color: #8e172f;
    border: 1px solid #fff;
  }
  #header #header__navbutton span {
    background: #8e172f;
  }
}