/*COLORS PALET
color: #002626;
color: #0E4749;
color: #649E82;
color: #C6DBF0;
color: #EDEFDD;
All elements*/

/* Estilo escritor */

.selected:after {
  content: '|';
  /* the "|" character is also a good option */
  opacity: 0;
  animation: blinking 1s infinite steps(2, jump-none);
}

@keyframes blinking {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

body {
  background-color: #649E82;
  color: #EDEFDD;
}

.presentation p,
.presentation h1 {
  opacity: 0;
}

#helloSVG {
  width: 29rem;
  /* you can use % */
  height: auto;
}

#about-me p {
  text-align: justify;
}

.card-img-top {
  filter: contrast(70%);
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.43, 0.41, 0.22, 0.91);
  transition-delay: 0s;
}

.card:hover .card-img-top {
  filter: contrast(100%);
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.43, 0.41, 0.22, 0.91);
  transition-delay: 0s;
}

.card a img {
  filter: contrast(50%);
}

.card a:hover img {
  filter: contrast(100%);
}

#projects,
#about-me {
  min-height: 100vh;
}

.footer {
  max-width: 100%;
  background-color: #002626;
  text-align: center;
}

.footer a {
  color: #649E82;
  text-decoration: none;
}

.footer img {
  width: 2rem;
  height: auto;
}