.logo{
  margin-top: 80px;
  /* width: 75%; */
  -webkit-transform: rotate(350deg);
-moz-transform: rotate(350deg);



}

.logo h1{
  font-size: 6rem;
      font-weight: 900;
      /* background: linear-gradient(95deg, #0458d4, #00f0f5); */
      /* -webkit-text-fill-color: transparent; */
      -webkit-background-clip: text;
      text-shadow: -3px 7px 0px #181a1adb;
      line-height: 80px;
      font-style: italic;
}

.logo h2 {
  font-size: 2rem;
      font-weight: 900;
      /* background: linear-gradient(95deg, #0458d4, #00f0f5); */
      /* -webkit-text-fill-color: transparent; */
      -webkit-background-clip: text;
      text-shadow: -3px 7px 0px #181a1adb;
      line-height: 24px;
      font-style: italic;
}
.logo p {
  font-size: 1.5rem;
  font-weight: 900;
  text-shadow: -4px 2px 0px #181a1a;
  line-height: 48px;
  font-style: italic;
}


.txtGradient{
  background: linear-gradient(95deg, #0458d4, #00f0f5);
    -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
}

.carousel-inner .carousel-item > img{
  -webkit-animation: thing 10s;
  -o-animation: thing 10s;
  animation: thing 10s;
}
@keyframes thing {
  from{
    transform: scale(1,1);

  }
  to {
    transform: scale(1.1,1.1);
  }
}


.bk-black{
  background: black;
  /* background: linear-gradient(rgba(0, 0, 0, .34), rgba(0, 5, 8)); */
}

/* .bloque{
  height: 750px;
} */

#iconos{
  font-size: 60px;
  color: #4c4c4c;
  margin: 20px;
}


.call {
    overflow: hidden;
    position: fixed;
    bottom: 60px;
    width: 100%;
    z-index: 1;
    display: none;
}



.ruedita {
    /* border-color: #0cfa73;
    background-color: #0cfa73; */
    background: linear-gradient(#0458d4, #00f0f5);
    color: #ffffff;
    padding: 15px;
    border-radius: 50px;
    height: 34px;
    text-align: center;
    font-size: 26px;

}

a:hover{
  color: #23718a;
text-decoration: none;
}

.ocultar{
  display: none;
}

.btn-success {
    color: #020202;
    background-color: #8bc3a5;
    border-color: #8bc3a5;
}


.btn-success:hover {
    color: #020202;
    background-color:#569674;
    border-color:#569674;
}


.card{
  border-radius: 2rem !important;
}

/* .canvas-granim {
    position: relative;
    height: 30rem;
    width: 100%;
    text-align: center;
} */

@media (min-width:767px) {
  .canvas-granim {
      position: relative;
      height: 30rem;
      width: 100%;
      text-align: center;
  }
}
@media (max-width:1033px) {
  .canvas-granim {
      position: relative;
      height: 40rem;
      width: 100%;
      text-align: center;
  }
}

.contenedor{
  position: absolute;
  display: block;
  /* width: 100%; */
  height: 750px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.maquinaEscribir{
  min-height: 140px;
}

.bold{
  font-weight: 900;
}