* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Arial Rounded MT', sans-serif;
  /* Cambio la fuente a una más redonda */
  color: #91ba38;
  /* Cambio el color de la fuente a un tono más oscuro */
}

body {
  float: left;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, hsl(230, 40%, 12%), hsl(230, 20%, 7%));
  /* Aplico el fondo a la etiqueta body para que sea único */
}

.cuerpo {
  text-align: center;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.1);
  /* Agrego un fondo semitransparente para el cuerpo */
}

/* Estilo para la imagen del logo */
img {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin: 20px 0;
}

/* Estilo para el título principal */
.flick {
  font-size: 2.5em;
  margin: 20px 0;
  /* Aumento el espacio entre el título y los enlaces */
}

/* Estilo para los enlaces */
.links {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.links li{
  margin-top: 20px;
  font-size: 1.5em;
  color: #181a15;
  background: transparent;
  padding: 10px;
  border: 2px solid #91ba38;
  border-radius: 50px;
  transition: color 0.3s ease, transform 0.2s ease-in-out, box-shadow 0.3s ease; /* Añadí la propiedad de transición para la sombra */
  cursor: pointer;
  text-align: center;
  width: 150px;
  border-radius: 51px;
  background: #e0e0e0;
  box-shadow: 9px 9px 18px #929292,
    -9px -9px 18px #ffffff;
}

.links li a{
  
  float: left;
  width: 100%;
  color: #181a15;
  text-decoration: none;

}

.links li:hover {
  color: #000; /* Cambio el color al pasar el cursor sobre los enlaces a negro */
  transform: scale(1.1);
  box-shadow: 9px 9px 18px #000; /* Cambio la sombra al pasar el cursor sobre los enlaces a negro */
}