html {
  height: 100%;
  background: linear-gradient(#252525, #0f0f0f);
}

body {
  margin: 0% 2%;
}

.flex_row {
  display: flex;
  flex-direction: row;
}

.flex_column {
  display: flex;
  flex-direction: column;
}

.flex_grow {
  flex-grow: 1;
}

.nombre_profesion {
  font-family: "Barlow Condensed", sans-serif;
  justify-content: center;
  align-items: end;
}

.mail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Poppins", sans-serif;
}

#nombre {
  color: #f55151;
  font-size: 6em;
  margin: 0;
}

#programador_junior {
  color: rgb(248, 248, 248);
  font-size: 4em;
  -webkit-text-stroke: #1a1a1a 0.02em;
  text-shadow: #fd5454 0.04em 0.03em;
  margin-top: -25px;
  margin-bottom: 0px;
}

.mail > * {
  color: #43d826;
  font-size: 2em;
  text-decoration-color: transparent;
}

#cursor {
  animation: blink 1.5s infinite;
}

@keyframes blink {
  0%,
  50% {
    visibility: visible;
  }
  50%,
  100% {
    visibility: hidden;
  }
}

a {
  transition: 0.3s ease;
}
a:hover {
  color: #f7f7f7;
  transform: scale(1.2);
}