html{
  scroll-behavior: smooth;
}

.body-code pre,.body-code code{
  white-space: pre-wrap !important;
}

.nav-logo{
  max-width: 150px;
}

.main-body:before{
  background: url(../img/gradient-top.svg) no-repeat top left;
  background-size: contain;
  height: auto;
  width: 100vw;
  content: "";
  display: block;
  height: 125px;
}
.main-body:after{
  background: url(../img/gradient-bottom.svg) no-repeat top left;
  background-size: contain;
  height: auto;
  width: 100vw;
  content: "";
  display: block;
  height: 125px;
}

.main-body .content-wrapper{
  position: relative;
  width: 100%;
  margin: auto;
  background: linear-gradient(90deg, #6bc04b 0%, #008080 100%);
}

.content-wrapper .content{
  background: white;
  color: black;
  padding: 5rem;
  border-radius: 5rem;
  width: 80%;
  margin: auto;
}

.main-title{
  letter-spacing: 4px;
}

.content-logo{
  max-width: 300px;
}

.card-header h2{
  font-size: 1.3rem;
}
.card-header{
  font-size: 1rem;
  background-color: #008080;
  color: white;
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #6bc04b, rgba(0, 0, 0, 0)) 1 100%;
  transition: background .5s ease-in;
}
.card-header.collapsed{
  background: #6bc04b;
  transition: background .5s ease-in;
}

.header-orange{
  font-size: 1rem;
  background-color: #E18C58;
  color: white;
  border: none;
}

.service-accordion .accordion-nested {
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 2px;
  background: #5BAA98;
  color: white;
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #91DC75, rgba(0, 0, 0, 0)) 1 100%;
  transition: all .5s ease-in;
}

.service-accordion .accordion-nested.collapsed{
  background: #91DC75;
  color: #338714;
  font-weight: normal;
  border-bottom: 1px solid #5BAA98;
  letter-spacing: -1px;
}

.accordion-nested .badge{
  background: #B7EBA4;
  color: #0F6653;
}

.badge-primary{
  color: #fff;
  background-color: #008080;
}

.nested-body{
  background: #fbf8f8;
}

footer{
  background: black;
  height: 100px;
  color: white;
  display: grid !important;
  text-align: center;
  position: relative;
  bottom: 0;
  width: 100%;
}
footer:before{
  background: linear-gradient(150deg, #6bc04b 0%, #008080 100%);
  height: 10px;
  width: 100%;
  content: "";
  display: block;
}