#template-capitan .top-container {
  position: absolute;
  width: 5000px;
  height: 5000px;
  left: -2500px;
  top: -2500px;
  background-color: #01204e !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' width='80' height='80'%3E%3Cpath fill='%23028391' fill-opacity='0.31' d='M14 16H9v-2h5V9.87a4 4 0 1 1 2 0V14h5v2h-5v15.95A10 10 0 0 0 23.66 27l-3.46-2 8.2-2.2-2.9 5a12 12 0 0 1-21 0l-2.89-5 8.2 2.2-3.47 2A10 10 0 0 0 14 31.95V16zm40 40h-5v-2h5v-4.13a4 4 0 1 1 2 0V54h5v2h-5v15.95A10 10 0 0 0 63.66 67l-3.47-2 8.2-2.2-2.88 5a12 12 0 0 1-21.02 0l-2.88-5 8.2 2.2-3.47 2A10 10 0 0 0 54 71.95V56zm-39 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm40-40a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM15 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm40 40a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'%3E%3C/path%3E%3C/svg%3E") !important;
  transform: rotate(45deg);
  background-size: 100px;
}

#template-capitan .link-bio-preview {
  z-index: 50;
  background-color: unset !important;
}

#template-capitan .profile-section span {
  z-index: 50;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

#template-capitan .divider {
  border-color: #028391 !important;
}

#template-capitan .text {
  z-index: 50;
  color: #FFFFFF !important
}

#template-capitan .profile-info,
#template-capitan .text,
#template-capitan .link-bio-footer,
#template-capitan .button-container button,
#template-capitan .icon-grid button {
  z-index: 50;
  color: #FFFFFF !important;
}

#template-capitan .button-container button,
#template-capitan .icon-grid button,
#template-capitan .card {
  z-index: 50;
  background-color: #028391 !important;
  /* border: 1px solid #FFFFFF !important; */
  transition: all 0.3s ease-in-out;
  border-radius: 10px !important;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
  transition: all 0.4s;
  position: relative;
  overflow: hidden;
}

#template-capitan .icon-grid button:hover {
  background-color: #FFFFFF !important;
  color: #028391 !important;
}

#template-capitan .card:hover {
  transform: scale(1.05);
}

#template-capitan .button-container button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.4s ease-out;
}

#template-capitan .button-container button:hover::before {
  transform: scaleX(1);
  animation: gradientToWhite 0.4s forwards;
}

@keyframes gradientToWhite {
  0% {
    background-image: linear-gradient(to right, #FFF, #028391);
    background-size: 200% auto;
    background-position: right center;
  }

  100% {
    background-color: #FFFFFF !important;
    background-image: none;
  }
}

@keyframes wave {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

#template-capitan .bottom-container {
  height: 5%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

#template-capitan .bottom-container::before {
  content: '';
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/85486/wave.svg) repeat-x;
  position: absolute;
  width: 6400px;
  top: -68px;
  left: 0;
  height: 198px;
  transform: translate(0, 0, 0);
  animation: wave 7s ease infinite;
}

#template-capitan .bottom-container::after {
  content: '';
  position: absolute;
  width: 6400px;
  height: 68px;
  top: -168px;
  animation: swell 4s ease infinite;
  opacity: 1;
}

@keyframes wave {
  0% {
    margin-left: 0;
  }

  100% {
    margin-left: -1600px;
  }
}

@keyframes swell {

  0%,
  100% {
    transform: translate(0, -30px);
  }

  50% {
    transform: translate(0, 5px);
  }
}