/*!
 * project-name v0.0.1
 * A description for your project.
 * (c) 2023 YOUR NAME
 * MIT License
 * http://link-to-your-git-repo.com
 */

/* line 1, src/sass/custom.scss */
a {
  color: #ff5f5f;
}

/* line 5, src/sass/custom.scss */
.home_banner_area {
  position: relative;
}

/* line 9, src/sass/custom.scss */
.feature_item__icon {
  width: 60px;
  height: 60px;
  margin: auto auto 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  background-image: linear-gradient(45deg, #3dc2f1 0%, #b436f0 33%, #fa457d 66%, #fa9b27 100%);
  color: white;
}

/* line 29, src/sass/custom.scss */
.feature_item__icon.dash {
  background-image: -webkit-gradient(linear, right top, left top, from(#ff8ecf), to(#ff5f5f));
  background-image: linear-gradient(-90deg, #ff8ecf 0%, #ff5f5f 100%);
}

/* line 33, src/sass/custom.scss */
.feature_item__icon.disciplinas {
  background-image: -webkit-gradient(linear, right top, left top, from(#f88b30), to(#fad961));
  background-image: linear-gradient(-90deg, #f88b30 0%, #fad961 100%);
}

/* line 37, src/sass/custom.scss */
.feature_item__icon.biblioteca {
  background-image: -webkit-gradient(linear, right top, left top, from(#72ffdf), to(#21c9d3));
  background-image: linear-gradient(-90deg, #72ffdf 0%, #21c9d3 100%);
}

/* line 40, src/sass/custom.scss */
.feature_item__icon.calendario {
  background-image: -webkit-gradient(linear, right top, left top, from(#de72ff), to(#a351ee));
  background-image: linear-gradient(-90deg, #de72ff 0%, #a351ee 100%);
}

/* line 44, src/sass/custom.scss */
.feature_item__icon ion-icon {
  font-size: 36px;
}

/* line 49, src/sass/custom.scss */
.screenshot_inner .item {
  border-radius: 5px;
  margin: 0px 10px 30px;
  overflow: hidden;
}

/* line 54, src/sass/custom.scss */
.screenshot_inner .item.dash {
  -webkit-box-shadow: 0 10px 30px rgba(255, 95, 95, 0.15);
          box-shadow: 0 10px 30px rgba(255, 95, 95, 0.15);
}

/* line 57, src/sass/custom.scss */
.screenshot_inner .item.bib {
  -webkit-box-shadow: 0 10px 30px rgba(33, 201, 211, 0.15);
          box-shadow: 0 10px 30px rgba(33, 201, 211, 0.15);
}

/* line 61, src/sass/custom.scss */
.screenshot_inner .item.calendario {
  -webkit-box-shadow: 0 10px 30px rgba(163, 81, 238, 0.15);
          box-shadow: 0 10px 30px rgba(163, 81, 238, 0.15);
}

/* line 64, src/sass/custom.scss */
.screenshot_inner .item.disciplinas {
  -webkit-box-shadow: 0 10px 30px rgba(248, 139, 48, 0.15);
          box-shadow: 0 10px 30px rgba(248, 139, 48, 0.15);
}

/* line 69, src/sass/custom.scss */
.background-shapes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  --animation-duration: 60s;
  --theme-color: red;
}

/* line 79, src/sass/custom.scss */
.background-shapes__stroke-fallback {
  -webkit-transition: stroke 2s ease;
  transition: stroke 2s ease;
  stroke: var(--theme-color);
}

/* line 84, src/sass/custom.scss */
.background-shapes__circle-top-left {
  -webkit-animation-name: TranslateAround1;
          animation-name: TranslateAround1;
  -webkit-animation-duration: var(--animation-duration);
          animation-duration: var(--animation-duration);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-transform-origin: 25% 25%;
          transform-origin: 25% 25%;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

/* line 93, src/sass/custom.scss */
.background-shapes__triangle-center {
  -webkit-transform: translate(210px, 300px) rotate(18deg) translate(-210px, -300px);
          transform: translate(210px, 300px) rotate(18deg) translate(-210px, -300px);
  -webkit-animation-name: TranslateAround2;
          animation-name: TranslateAround2;
  -webkit-animation-duration: var(--animation-duration);
          animation-duration: var(--animation-duration);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

/* line 103, src/sass/custom.scss */
.background-shapes__square-top-right {
  -webkit-animation-name: TranslateAround3;
          animation-name: TranslateAround3;
  -webkit-animation-duration: var(--animation-duration);
          animation-duration: var(--animation-duration);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}

/* line 110, src/sass/custom.scss */
.background-shapes__square-bottom-center {
  -webkit-transform: translate(30px, 500px) rotate(18deg);
          transform: translate(30px, 500px) rotate(18deg);
  -webkit-animation-name: TranslateAround4;
          animation-name: TranslateAround4;
  -webkit-animation-duration: var(--animation-duration);
          animation-duration: var(--animation-duration);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}

/* line 120, src/sass/custom.scss */
.background-shapes__circle-bottom-right {
  -webkit-animation-name: TranslateAround5;
          animation-name: TranslateAround5;
  -webkit-animation-duration: var(--animation-duration);
          animation-duration: var(--animation-duration);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}

/* line 128, src/sass/custom.scss */
stop {
  -webkit-transition: 2s ease;
  transition: 2s ease;
}

@-webkit-keyframes TranslateAround1 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(50px, 20px) scale(1.5);
            transform: translate(50px, 20px) scale(1.5);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes TranslateAround1 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(50px, 20px) scale(1.5);
            transform: translate(50px, 20px) scale(1.5);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes TranslateAround2 {
  0% {
    -webkit-transform: translate(210px, 300px) rotate(18deg) translate(-210px, -300px);
            transform: translate(210px, 300px) rotate(18deg) translate(-210px, -300px);
  }
  50% {
    -webkit-transform: translate(210px, 300px) rotate(360deg) translate(-210px, -300px);
            transform: translate(210px, 300px) rotate(360deg) translate(-210px, -300px);
  }
  100% {
    -webkit-transform: translate(210px, 300px) rotate(18deg) translate(-210px, -300px);
            transform: translate(210px, 300px) rotate(18deg) translate(-210px, -300px);
  }
}

@keyframes TranslateAround2 {
  0% {
    -webkit-transform: translate(210px, 300px) rotate(18deg) translate(-210px, -300px);
            transform: translate(210px, 300px) rotate(18deg) translate(-210px, -300px);
  }
  50% {
    -webkit-transform: translate(210px, 300px) rotate(360deg) translate(-210px, -300px);
            transform: translate(210px, 300px) rotate(360deg) translate(-210px, -300px);
  }
  100% {
    -webkit-transform: translate(210px, 300px) rotate(18deg) translate(-210px, -300px);
            transform: translate(210px, 300px) rotate(18deg) translate(-210px, -300px);
  }
}

@-webkit-keyframes TranslateAround3 {
  0% {
    -webkit-transform: translate(150px, 5px);
            transform: translate(150px, 5px);
  }
  50% {
    -webkit-transform: translate(150px, 5px) scale(1.8) rotate(45deg);
            transform: translate(150px, 5px) scale(1.8) rotate(45deg);
  }
  100% {
    -webkit-transform: translate(150px, 5px);
            transform: translate(150px, 5px);
  }
}

@keyframes TranslateAround3 {
  0% {
    -webkit-transform: translate(150px, 5px);
            transform: translate(150px, 5px);
  }
  50% {
    -webkit-transform: translate(150px, 5px) scale(1.8) rotate(45deg);
            transform: translate(150px, 5px) scale(1.8) rotate(45deg);
  }
  100% {
    -webkit-transform: translate(150px, 5px);
            transform: translate(150px, 5px);
  }
}

@-webkit-keyframes TranslateAround4 {
  0% {
    -webkit-transform: translate(30px, 500px) rotate(18deg);
            transform: translate(30px, 500px) rotate(18deg);
  }
  50% {
    -webkit-transform: translate(60px, 500px) rotate(270deg);
            transform: translate(60px, 500px) rotate(270deg);
  }
  100% {
    -webkit-transform: translate(30px, 500px) rotate(18deg);
            transform: translate(30px, 500px) rotate(18deg);
  }
}

@keyframes TranslateAround4 {
  0% {
    -webkit-transform: translate(30px, 500px) rotate(18deg);
            transform: translate(30px, 500px) rotate(18deg);
  }
  50% {
    -webkit-transform: translate(60px, 500px) rotate(270deg);
            transform: translate(60px, 500px) rotate(270deg);
  }
  100% {
    -webkit-transform: translate(30px, 500px) rotate(18deg);
            transform: translate(30px, 500px) rotate(18deg);
  }
}

@-webkit-keyframes TranslateAround5 {
  0% {
    -webkit-transform: translate(320px, 769px);
            transform: translate(320px, 769px);
  }
  50% {
    -webkit-transform: translate(180px, 600px) scale(1.3);
            transform: translate(180px, 600px) scale(1.3);
  }
  100% {
    -webkit-transform: translate(320px, 769px);
            transform: translate(320px, 769px);
  }
}

@keyframes TranslateAround5 {
  0% {
    -webkit-transform: translate(320px, 769px);
            transform: translate(320px, 769px);
  }
  50% {
    -webkit-transform: translate(180px, 600px) scale(1.3);
            transform: translate(180px, 600px) scale(1.3);
  }
  100% {
    -webkit-transform: translate(320px, 769px);
            transform: translate(320px, 769px);
  }
}

/* line 194, src/sass/custom.scss */
.search-area__list {
  margin-top: 40px;
  border: none;
  border-radius: 5px;
  overflow: hidden;
}

/* line 201, src/sass/custom.scss */
.search-area__list ion-icon {
  margin-right: 10px;
  font-size: 18px;
}

/* line 206, src/sass/custom.scss */
.search-area__list .warning-icon {
  color: #f88b30;
}

/* line 210, src/sass/custom.scss */
.search-area__list .success-icon {
  color: #429321;
}

/* line 214, src/sass/custom.scss */
.search-area__list li {
  background: none;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 224, src/sass/custom.scss */
.screenshot_area {
  position: relative;
}

/* line 228, src/sass/custom.scss */
#termos-uso {
  padding-top: 120px;
}

/* line 231, src/sass/custom.scss */
#termos-uso h3 {
  margin-bottom: 20px;
  margin-top: 30px;
}

/* line 236, src/sass/custom.scss */
#termos-uso p {
  text-align: left;
  margin-top: 15px;
}