* {
  margin: 0;
  padding: 0; }

@font-face {
  font-family: Montserrat-Regular;
  src: url("Montserrat-Regular.woff"); }
#canva {
  display: none;
  position: absolute; }

.container {
  width: 602px;
  height: 779px; }

.line {
  position: absolute;
  font-size: 12px;
  letter-spacing: -0.1px;
  color: white;
  text-transform: uppercase;
  padding: 0.4em 1em 0.7em 1em;
  font-family: Montserrat-Regular;
  font-weight: 500;
  overflow: hidden;
  left: 84px;
  top: 190px;
  width: 333px; }
  .line::before {
    content: "";
    z-index: 0;
    top: 0;
    left: 0;
    position: absolute;
    width: 0;
    height: 100%;
    background: #3A90CA; }
  .line span {
    opacity: 0;
    z-index: 1;
    animation: appear-text 0.5s ease-out forwards;
    position: relative; }
  .line::before {
    animation: rev-block 0.5s ease-out forwards;
    animation-delay: 1s; }
  .line span {
    animation-delay: 1.25s; }

.secondblock {
  letter-spacing: -0.65px;
  top: 208px;
  width: 295px; }
  .secondblock::before {
    animation: rev-block 0.5s ease-out forwards;
    animation-delay: 1.3s; }
  .secondblock span {
    animation-delay: 1.55s; }

@keyframes rev-block {
  0% {
    left: 0;
    width: 0; }
  100% {
    left: 0;
    width: 100%; } }
@keyframes appear-text {
  0% {
    opacity: 0;
    left: -30px; }
  100% {
    opacity: 1;
    left: 0; } }

/*# sourceMappingURL=style.css.map */