body{

    background-image: radial-gradient(circle, #e3f243, #e8ea51, #ebe35e, #ecdc6b, #ebd677, #ecd077, #ecc977, #ecc378, #f0ba6f, #f4b068, #f7a663, #fb9c5f);

}



h1 {

    color: #FB9C5F;

    font-family: 'Sriracha', cursive;

    font-size: 58px;

    background-color: white;

    border: solid 4px #E3F243;

    padding: 5px;

    margin: 5px;

    text-align: center;

    border-radius: 8px;



}

article{

    margin-left: 200px;

    margin-right: 200px;

    text-align: center;

    font-family: 'Quicksand', sans-serif;

    font-size: 16px;

}

.collage{

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 70%;

}

footer{

    color:black;

    font-family: 'Quicksand', sans-serif;

    font-size: 18px;

    background-color: #FB9C5F;

    border: solid 4px #E3F243;

    padding: 10px;

    margin: 2px;

    text-align: center;

    border-radius: 8px;



}



.boton {

    background-color:#FB9C5F; 

    border: none;

    /*float:left;*/

    color: white;

    padding: 10px 10px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    width: 250px;

    /*border-radius: 8px;*/

    /*border: solid 4px #E3F243;*/

    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

  }



  button{

    background-color: transparent;

    border: none;

}



nav {

    text-align: center; 

}