#animated-shapes {
  position: relative;
  top: 0;
  animation: fade-in-animated-shape 0.05s ease 0.1s forwards;
  opacity: 0;
}
@keyframes fade-in-animated-shape {
  to {
    opacity: 1;
  }
}
#animated-shapes:not(.alignfull) {
  width: 100%;
  height: 100%;
}
#animated-shapes .svg-cont {
  position: absolute;
  right: 0;
  top: 0;
  height: fit-content;
  width: fit-content;
  pointer-events: none;
}
#animated-shapes .svg-cont svg {
  max-width: 100%;
  height: auto;
  pointer-events: none;
}
#animated-shapes .svg-cont#annoying-blue-line {
  width: 100vw;
  right: unset;
  left: 0;
}
@media (min-width: 1050px) and (max-width: 1440px) {
  #animated-shapes .svg-cont#annoying-blue-line {
    top: 200px !important;
  }
}
@media (max-width: 1800px) {
  #animated-shapes .svg-cont#annoying-blue-line {
    top: 100px;
  }
}
#animated-shapes .svg-cont#yellow-above-fold {
  right: unset;
  left: 0;
  top: -88px;
}
@media (max-width: 780px) {
  #animated-shapes .svg-cont#yellow-above-fold {
    display: none;
  }
}
#animated-shapes .svg-cont#other-pink-swish, #animated-shapes .svg-cont#other-yellow-swish {
  width: 100%;
}
#animated-shapes .svg-cont#solid-blue-swish {
  width: 100%;
  transform: scale(-1, -1);
}
#animated-shapes .svg-cont#pink-swish {
  width: 100%;
  top: 35px;
}
@media (max-width: 780px) {
  #animated-shapes .svg-cont#pink-swish {
    top: 65px;
  }
}
#animated-shapes .svg-cont#pink-swish-bottom, #animated-shapes .svg-cont#yellow-swish-bottom {
  bottom: 0px;
  top: unset;
  right: 0;
  left: unset;
  z-index: 5000;
}
@media (min-width: 780px) {
  #animated-shapes .svg-cont#pink-swish-bottom, #animated-shapes .svg-cont#yellow-swish-bottom {
    bottom: -50px;
  }
}
#animated-shapes .svg-cont#yellow-swish-bottom {
  z-index: unset;
}
#animated-shapes .svg-cont#purple-swish {
  width: 100%;
  top: 0px;
  z-index: 0;
}
@media (max-width: 780px) {
  #animated-shapes .svg-cont#purple-swish {
    top: 50px;
    width: 200%;
    right: -25%;
  }
}
#animated-shapes .svg-cont#pink-dotted-swish {
  z-index: 0;
  width: 100%;
}
@media (max-width: 780px) {
  #animated-shapes .svg-cont#pink-dotted-swish {
    display: none;
  }
}
#animated-shapes .svg-cont#blue-swish {
  right: unset;
  left: 0;
}
#animated-shapes .svg-cont#yellow-two-line-swish {
  right: unset;
  left: 0;
  top: unset;
  bottom: 0;
  z-index: 5;
}
#animated-shapes .svg-cont#aqua-above-fold {
  top: unset;
  bottom: 0px;
  z-index: 5;
}
@media (max-width: 780px) {
  #animated-shapes .svg-cont#aqua-above-fold {
    transform: rotate(347deg) translateX(110px) translateY(15px);
  }
  #animated-shapes .svg-cont#aqua-above-fold path {
    stroke-width: 16px !important;
  }
}
@media (max-width: 780px) {
  #animated-shapes .svg-cont#small-pink-above-fold {
    transform: rotate(32deg);
    right: -150px;
  }
}
@media (max-width: 780px) {
  #animated-shapes .svg-cont#small-blue-above-fold {
    transform: rotate(346deg);
    right: -120px;
  }
}
#animated-shapes .svg-cont#pink-above-fold {
  top: unset;
  bottom: 0px;
  z-index: 5;
}
@media (max-width: 780px) {
  #animated-shapes .svg-cont#pink-above-fold {
    right: -50px;
    bottom: -50px;
  }
}
#animated-shapes .svg-cont#white-swish {
  top: unset;
  right: -350px;
  left: -80px;
  bottom: 400px;
  /* left: 250px; */
  transform: rotate(0deg);
}
@media (min-width: 780px) {
  #animated-shapes .svg-cont#white-swish {
    left: unset;
    right: -50px;
    bottom: 160px;
    transform: rotate(323deg);
  }
}
@media (min-width: 1050px) {
  #animated-shapes .svg-cont#white-swish {
    right: -90px;
    bottom: 210px;
  }
}
@media (min-width: 1250px) {
  #animated-shapes .svg-cont#white-swish {
    right: -190px;
  }
}
@media (min-width: 1600px) {
  #animated-shapes .svg-cont#white-swish {
    right: -156px;
  }
}
#animated-shapes .svg-cont#blue-other-swish {
  top: unset;
  bottom: -80px;
  right: -200px;
  transform: rotate(0deg);
}
@media (min-width: 1050px) {
  #animated-shapes .svg-cont#blue-other-swish {
    bottom: -200px;
    right: -300px;
    transform: rotate(0deg);
  }
}
@media (min-width: 1250px) {
  #animated-shapes .svg-cont#blue-other-swish {
    bottom: -250px;
    transform: rotate(20deg) scale(-1, 1);
  }
}
@media (min-width: 1600px) {
  #animated-shapes .svg-cont#blue-other-swish {
    bottom: -130px;
    right: 190px;
    transform: rotate(15deg);
  }
}
@media (min-width: 1800px) {
  #animated-shapes .svg-cont#blue-other-swish {
    bottom: -140px;
  }
}
#animated-shapes .svg-cont#pink-loop {
  right: unset;
  left: 0;
}
#animated-shapes .svg-cont#yellow-one-line {
  right: unset;
  left: 0;
  top: -120px;
  width: 100%;
}
#animated-shapes .svg-cont#navy-swish {
  width: 100%;
  right: unset;
  left: 0;
  z-index: 1;
  bottom: unset;
  top: 400px;
}
@media (min-width: 1440px) {
  #animated-shapes .svg-cont#navy-swish {
    top: 50px;
  }
}
#animated-shapes .svg-cont#white-swish-shape {
  width: 82%;
  right: -100px;
}
@media (max-width: 780px) {
  #animated-shapes .svg-cont#white-swish-shape {
    top: unset;
    bottom: 120px;
    width: 160vw;
  }
}
#animated-shapes .svg-cont#other-purple-swish {
  width: 100%;
}
@media (max-width: 780px) {
  #animated-shapes .svg-cont#other-purple-swish {
    width: 120%;
    right: -20px;
    top: 30px;
  }
}
#animated-shapes .background-img.navy-swish {
  background-image: url("../../img/svg/swirlly.png");
  background-position: left top;
  background-size: 150%;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  height: 500px;
  width: 100vw;
}
@media (min-width: 780px) {
  #animated-shapes .background-img.navy-swish {
    height: 900px;
    width: 100%;
    background-position: left center;
    background-size: contain;
  }
}
#animated-shapes .background-img.white-swish {
  background-image: url("../../img/svg/yellow-swirlly.png");
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  height: 700px;
  width: 100%;
}
@media (max-width: 780px) {
  #animated-shapes .background-img.white-swish {
    top: unset;
    bottom: 40px;
    width: 100vw;
    background-size: cover;
    height: 400px;
  }
}
/*# sourceMappingURL=animated-shapes.css.map */