@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: rgba(0,0,0,0.6);
  background-blend-mode: multiply;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  transition: background-image 0.5s linear;
}

.preloader{
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: absolute;
}
.preloader .loading {
  top: 50%;
  left: 60%;
  width: 20rem;
  height: 20rem;
  position: absolute;
  border-radius: 100%;
  background-color: #252b3b;
  border: 0.5rem solid #585efc ;
  animation: rotating 1s infinite;
  border-top: 0.5rem solid #585efc;
}
.preloader p {
  top: 65%;
  left: 63%;
  position: absolute;
  color: #f5f5f5;
  font: normal 400 2rem/1 "Barlow", sans-serif;
}
.preloader svg {
  width: 100vw;
  height: 100vh;
  position: absolute;
}

@keyframes rotating {
  to {
    transform: rotate(1turn);
  }
}
article {
  width: 100vw;
  display: none;
  height: 100vh;
  overflow-x: hidden;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
article svg {
  width: 100vw;
  height: 100vh;
  position: absolute;
  visibility: visible;
}
article svg.tablet, article svg.mobile {
  visibility: hidden;
}
article section {
  width: 57%;
  display: flex;
  margin-top: 7rem;
  max-width: 886px;
  margin-left: 15%;
  margin-right: 10%;
  position: relative;
  flex-direction: column;
}
article section .call {
  text-align: left;
  color: #f5f5f5;
  font: normal 400 2rem/1 "Barlow", sans-serif;
}
article section .call strong {
  color: #585efc;
  font: normal 600 2rem/1 "Barlow", sans-serif;
}
article section .call span {
  color: #585efc;
  font: normal 700 2rem/1.2 "Barlow", sans-serif;
}
article section .contdown {
  width: 100%;
  height: 100%;
  display: flex;
  color: #f5f5f5;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  font: normal 400 2rem/1.2 "Barlow", sans-serif;
}
article section .contdown span {
  height: 100%;
  display: flex;
  min-height: 240px;
  color: #f5f5f5;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
}
article section .contdown span.days {
  min-width: 304px;
  margin-right: 1rem;
}
article section .contdown span.days p {
  place-self: center;
  color: #585efc;
  font: normal 200 11rem/1 "Barlow", sans-serif;
}
article section .contdown span.days strong {
  font: normal 400 1.5rem/1 "Barlow", sans-serif;
}
article section .contdown span.hours {
  min-width: 209px;
}
article section .contdown span.hours p {
  place-self: center;
  color: #585efc;
  font: normal 400 9rem/1 "Barlow", sans-serif;
}
article section .contdown span.hours strong {
  font: normal 400 1.5rem/1 "Barlow", sans-serif;
}
article section .contdown span.minutes {
  min-width: 163px;
}
article section .contdown span.minutes p {
  place-self: center;
  color: #585efc;
  font: normal 400 7rem/1 "Barlow", sans-serif;
}
article section .contdown span.minutes strong {
  font: normal 400 1.5rem/1 "Barlow", sans-serif;
}
article section .contdown span.seconds {
  min-width: 114px;
}
article section .contdown span.seconds p {
  place-self: center;
  color: #585efc;
  font: normal 600 6rem/1 "Barlow", sans-serif;
}
article section .contdown span.seconds strong {
  font: normal 400 1.25rem/1 "Barlow", sans-serif;
}
article aside {
  width: 37%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
article aside strong {
  color: #585efc;
  font: normal 300 12rem/0.9 "Barlow", sans-serif;
}
article aside strong span {
  color: #f5f5f5;
  margin-left: -4rem;
  font: normal 400 6rem/0.9 "Barlow", sans-serif;
}
article aside p {
  color: #f5f5f5;
  font: normal 700 4rem/0.9 "Barlow", sans-serif;
}
.patrocine{
  position: absolute;
  margin-left: 89%;
  margin-top: 0.5%;
}

.patrocine a {
  text-decoration: none;
  color: white;
}

.download-button {
 position: relative;
 color: white;
 font: normal 600 30px "Barlow", sans-serif;
 cursor: pointer;
 z-index: 1;

}

.download-button .docs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 50px;
  padding: 0 10px;
  border-radius: 2px;
  z-index: 1;
  background-color: #585efc;
  border: solid 1px #585efc;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.download-button:hover {
  box-shadow:
  rgba(0, 0, 0, 0.25) 0px 54px 55px,
  rgba(0, 0, 0, 0.12) 0px -12px 30px,
  rgba(0, 0, 0, 0.12) 0px 4px 6px,
  rgba(0, 0, 0, 0.17) 0px 12px 13px,
  rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.download {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 30%;
  margin: 0 auto;
  z-index: -1;
  border-radius: 4px;
  transform: translateY(0%);
  background-color: #252b3b;
  border: solid 1px #252b3b;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.download-button:hover .download {
  transform: translateY(100%);
  max-width: 40%;
}

.download svg polyline,
.download svg line {
  animation: docs 1s infinite;
}

@keyframes docs {
  0% {
    transform: translateY(0%);
  }

  50% {
    transform: translateY(-15%);
  }

  100% {
    transform: translateY(0%);
  }
}

footer {
  display: flex;
  margin-top: -8%;
  margin-left: 0%;
  position: relative;
  align-items: center;
  flex-direction: column;
}
footer strong {
  color: #6c92ff;
  margin-bottom: 1rem;
  font: normal 700 1.25rem/1 "Barlow", sans-serif;
}
footer a {
  color: #fff;
  transition: all 0.4s ease;
  font: normal 700 1rem/1 "Barlow", sans-serif;
}
footer a:hover {
  color: #585efc;
}
@media screen and (max-width: 1800px) {
  .patrocine{
    margin-left: 85%;
  }
  @media screen and (max-width: 1400px) {
    article aside{
      margin-left: -6rem;
    }
  }
  @media screen and (max-width: 1366px) {
    .patrocine{
      margin: 1% 45%;
    }
    article {
      flex-direction: column;
    }
    article svg {
      opacity: 0.8;
    }
    article section {
      margin: 0;
      width: 100%;
      max-width: 70%;
    }
    article section .call {
      width: 100%;
      font: normal 200 1.5rem/1 "Barlow", sans-serif;
    }
    article section .call strong {
      font: normal 600 1.5rem/1 "Barlow", sans-serif;
    }
    article section .call span {
      font: normal 600 1.5rem/1 "Barlow", sans-serif;
    }
    article section .contdown span {
      min-height: 154px;
    }
    article section .contdown span.days {
      min-width: 179px;
    }
    article section .contdown span.days p {
      font: normal 200 8rem/1 "Barlow", sans-serif;
    }
    article section .contdown span.hours {
      min-width: 158px;
    }
    article section .contdown span.hours p {
      text-align: center;
      font: normal 400 8rem/1 "Barlow", sans-serif;
    }
    article section .contdown span.minutes {
      min-width: 140px;
    }
    article section .contdown span.minutes p {
      text-align: center;
      font: normal 400 6rem/1 "Barlow", sans-serif;
    }
    article section .contdown span.minutes strong {
      font: normal 400 1.1rem/1 "Barlow", sans-serif;
    }
    article section .contdown span.seconds {
      min-width: 73px;
    }
    article section .contdown span.seconds p {
      font: normal 400 4rem/1 "Barlow", sans-serif;
    }
    article section .contdown span.seconds strong {
      font: normal 400 0.75rem/1 "Barlow", sans-serif;
    }
    article aside {
      width: 100%;
      flex-wrap: wrap;
      margin-top: 2rem;
      place-self: center;
      flex-direction: row;
      justify-content: center;
    }
    article aside strong {
      font: normal 400 8rem/0.9 "Barlow", sans-serif;
    }
    article aside strong span {
      margin-left: 1rem;
      font: normal 400 4rem/0.9 "Barlow", sans-serif;
    }
    article aside p {
      font: normal 100 6rem "Barlow", sans-serif;
      margin-left: 2rem;
    }
    footer {
      margin-top: -9%;
    }
    @media screen and (max-width: 580px) {
      .patrocine{
        margin: 20% 30%;
      }
      article {
        overflow-y: scroll;
      }
      article svg.desktop, article svg.tablet {
        visibility: hidden;
      }
      article svg.mobile {
        margin-left: -270px;
        visibility: visible;
      }
      article section {
        width: 100%;
        max-width: 100%;
        padding: 0 4rem;
      }
      article section .call {
        font-size: 1rem;
      }
      article section .call strong {
        font-size: 1rem;
      }
      article section .call span {
        font-size: 1rem;
      }
      article section .contdown {
        margin-top: 2rem;
      }
      article section .contdown span {
        min-height: 90px;
      }
      article section .contdown span.days {
        min-width: 90px;
      }
      article section .contdown span.days p {
        font: normal 200 4rem/1 "Barlow", sans-serif;
      }
      article section .contdown span.days strong {
        font: normal 400 1rem/1 "Barlow", sans-serif;
      }
      article section .contdown span.hours {
        min-width: 90px;
      }
      article section .contdown span.hours p {
        font: normal 400 4rem/1 "Barlow", sans-serif;
      }
      article section .contdown span.hours strong {
        font: normal 400 1rem/1 "Barlow", sans-serif;
      }
      article section .contdown span.minutes {
        min-width: 68px;
      }
      article section .contdown span.minutes p {
        font: normal 400 3rem/1 "Barlow", sans-serif;
      }
      article section .contdown span.minutes strong {
        font: normal 400 0.75rem/1 "Barlow", sans-serif;
      }
      article section .contdown span.seconds {
        min-width: 40px;
      }
      article section .contdown span.seconds p {
        font: normal 700 2rem/1 "Barlow", sans-serif;
      }
      article section .contdown span.seconds strong {
        font: normal 400 0.5rem/1 "Barlow", sans-serif;
      }
      article aside strong {
        font: normal 700 4rem/0.9 "Barlow", sans-serif;
      }
      article aside strong span {
        font: normal 400 2rem/0.9 "Barlow", sans-serif;
      }
      article aside p {
        margin-left: 1.5rem;
        font: normal 200 3rem "Barlow", sans-serif;
      }
      footer {
        margin: 0 auto; 
        margin-top: -25%;
      }


}/*# sourceMappingURL=styles.css.map */