header #banner {
  background: green url("../img/banner-cover.jpg") no-repeat center;
  height: 75vh;
}
header #banner .container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
header #banner .container .row .btn-outline-primary {
  --bs-btn-color: #eb255a;
  --bs-btn-border-color: #eb255a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #eb255a;
  --bs-btn-hover-border-color: #eb255a;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #eb255a;
  --bs-btn-active-border-color: #eb255a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eb255a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #eb255a;
  --bs-gradient: none;
}

#pageabout #banner {
  background: green url("../img/banner-cover.jpg") no-repeat fixed center;
  height: 45vh;
  position: relative;
}
#pageabout #banner .container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#pageproject #banner {
  background: green url("../img/banner-cover.jpg") no-repeat fixed center;
  height: 45vh;
  position: relative;
}
#pageproject #banner .container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#pagecontact #banner {
  background: green url("../img/banner-cover.jpg") no-repeat fixed center;
  height: 45vh;
  position: relative;
}
#pagecontact #banner .container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#pageblog #banner {
  background: green url("../img/banner-cover.jpg") no-repeat fixed center;
  height: 45vh;
  position: relative;
}
#pageblog #banner .container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#pagesolar #banner {
  background: green url("../img/banner-cover.jpg") no-repeat fixed center;
  height: 45vh;
  position: relative;
}
#pagesolar #banner .container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#pagewind #banner {
  background: green url("../img/banner-cover.jpg") no-repeat fixed center;
  height: 45vh;
  position: relative;
}
#pagewind #banner .container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#embrace .container .iconbtn .d-flex .row .col-8 .btn {
  background-color: var(--background-color);
  color: #222;
  border: none;
  border-radius: 50px 50px 0px 0px;
  position: relative;
  cursor: pointer;
  --background-color: #00e640;
  --border-size: 2px;
  --accent-color: #00e640;
}

#parallax .container-fluid {
  background: #00e640 url("../img/paarallex.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: auto;
}
#parallax .container-fluid .container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#parallax .container-fluid .container .row .btn-outline-primary {
  --bs-btn-color: #eb255a;
  --bs-btn-border-color: #eb255a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #eb255a;
  --bs-btn-hover-border-color: #eb255a;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #eb255a;
  --bs-btn-active-border-color: #eb255a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eb255a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #eb255a;
  --bs-gradient: none;
}

#projectpage .container .row .col-md-4 {
  transition: 1s;
}
#projectpage .container .row .col-md-4:hover {
  transition: 1.5s;
  transform: scale(0.9, 0.9);
}

#projectongoing .container .row .col-md-4 {
  transition: 1s;
}
#projectongoing .container .row .col-md-4:hover {
  transition: 1.5s;
  transform: scale(0.9, 0.9);
}/*# sourceMappingURL=index-style.css.map */