:root {
  --pink: #F70F74;
  --blue: #0000FF;
  --skyblue: #A8ECFF;
  --cream: #EDC680;
  --texto1: #000000;
  --texto2: #36240A;
  --lightcream: #FFDEB5;
  --midcream: #FFDCBA;
}





body {
    background: var(--skyblue);
    font-family: Arial, sans-serif;
    padding: 60px;
    color: var(--texto1);
}

h1 {
    color: var(--texto2);
    text-align: center;
}

h2 {
    color: var(--texto1);
    text-align: center;
}

p {
    font-size: 18px;
    color: var(--texto1);
    max-width: 600px;
    margin: auto;
}

.links a {
    display: block;       /* cada link en una línea */
    margin-bottom: 6px;   /* espacio entre links */
    color: var(--blue);   /* usa tu variable de color */
}

.links a:hover {
    color: var(--pink);
}