h1 {
    color:rgb(155, 5, 105);
    margin-top: 10px;
    margin-left: 810px;
    margin-bottom: 0;
    font-size: 30px;
    
}

nav {
    margin-bottom: 30px;
    display: block;
    /*margin: auto;*/
    text-align: center;

}

img {
    display: block;
    margin: 20px auto;
}

body {
    background-color: rgb(236, 74, 164);
    overflow-x: hidden;
}

a{
    color: rgb(155, 5, 105);
    font-size: 20px;
}

footer{
    margin-top: 30px;
    text-align: center;
   color: rgb(0, 0, 0);
   background-color: rgb(255, 122, 231);
   border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

header {
    background-color: pink;
    border-radius: 40px;
}

nav a { 
    /*margin-right: 10px;*/
    /*text-align: center;*/
    margin: 0 10px;
}

/** {
    outline: 1px solid red;
    box-sizing: border-box;
    }*/

    .animar {
        opacity: 0;
        transform: translateY(30px);
        animation: aparecer 1s forwards;
    }
    @keyframes aparecer{
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .animar:nth-child(1) {
        animation-delay: 0.2s;
    }

    .animar:nth-child(2) {
        animation-delay: 0.45s;
    }

    .animar:nth-child(3) {
        animation-delay: 0.6s;
    }