@import "responsive.css";
@import "animation.css";
@import "parallax.css";
@import "hero.css";
@import "contact.css";

body, html {
  height: 100%;
  width:  100%;
}

body {
    align-items: center;
    justify-content: center;
    background: linear-gradient(-60deg, #3173BD, #43AAD8, #8A6CD2, #5D429C, #8A6CD2, #43AAD8 );
    animation: animatedgradient 12s ease infinite;
    background-size: 500% 1000%;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

footer {
    filter: grayscale(100%);
}

#cards {
  span {
    display: inline-block;
    width: 100%;
  }
}

/* Bootstrap Example Styles */
.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  color: #fff;
  border-radius: .75rem;
}

.icon-link {
  display: inline-flex;
  align-items: center;
}
.icon-link > .bi {
  margin-top: .125rem;
  margin-left: .125rem;
  transition: transform .25s ease-in-out;
  fill: currentColor;
}
.icon-link:hover > .bi {
  transform: translate(.25rem);
}

.icon-square {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  border-radius: .75rem;
}

.rounded-4 { border-radius: .5rem; }
.rounded-5 { border-radius: 1rem; }

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.navbar-nav {
  justify-content: center !important;
}

.navbar-shadow {
  box-shadow: 6px 6px 12px #b8b9be, -6px -6px 12px #ffffff !important;
}

.navbar-transparent {
  background-color: transparent;
  border: 0;
}

.button {
 border: none;
 color: #090909;
 border-radius: 0.5em;
 background: transparent;
 border: 1px solid #e8e8e8;
 -webkit-transition: all .3s;
 transition: all .3s;
 -webkit-box-shadow: 6px 6px 12px #c5c5c5,
             -6px -6px 12px #ffffff;
         box-shadow: 6px 6px 12px #c5c5c5,
             -6px -6px 12px #ffffff;
}

.button:hover {
 border: 1px solid white;
}

.button:active {
 -webkit-box-shadow: 4px 4px 12px #c5c5c5,
             -4px -4px 12px #ffffff;
         box-shadow: 4px 4px 12px #c5c5c5,
             -4px -4px 12px #ffffff;
}

.main {
    /*background: #fff;*/
    z-index: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 25%);
}
.container {
    width: 100%;
    padding-right: 28px;
    padding-left: 28px;
    margin-right: auto;
    margin-left: auto;
}

.section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.slide {
  width: 327px !important;
  margin-right: 5px;
}

.icon-slide {
    max-width: 60px;
    height: 120px;
    -webkit-filter: hue-rotate(22deg);
    filter: hue-rotate(22deg);
}

#ani {
  /*height: 25rem;
  position: relative;*/
}

.glide__arrow--left {
    left: -5em;
}

.glide__arrow--right {
    right: -5em;
}

.flyer {
  max-width: 300px;
  max-height: 400px;
  color: white;
  font-family: 'Raleway';
  /*font-size: 2.5rem;*/
  /*box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);*/
  /*margin: 10px auto;*/
  padding: 10px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.flyer-border {
  --borderWidth: 3px;
  position: relative;
  border-radius: var(--borderWidth);
}

.flyer-border:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% - var(--borderWidth) * 2);
  width: calc(100% - var(--borderWidth) * 2);
  /*background: linear-gradient(-60deg, #86FAF2, #30E7ED, #00A6D7, #5073b8, #0058B3, #001B87);*/
  /*background: linear-gradient(-60deg, #0F1AEF, #2B33D2, #474CB6, #7A19F1, #7A19F1, #7C34D6, #7F4FBB, #63659A, #63859A, #488CB5, #2D93D0, #139AEB);*/
  background: linear-gradient(-60deg, #474CB6, #488CB5, #2D93D0, #139AEB);
  opacity: 0.15;
  filter: blur(2px);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: flyerbg 3s ease alternate infinite;
  background-size: 300% 300%;
}