body {
    background-color: #FAEAB1;
}
h1{
    text-align: center;
    font-size: 45px;
}
p {
    font-size: 16px;
    text-align: center;
    margin-left: 20rem;
    margin-right: 20rem;
}
a {
    text-align: center;
}
.links {
    text-align: center;
}
a {
    margin: 0 10px;
    color: #3C2317;
}
h2 {
    text-align: center;
    margin-top: 20px;
    font-size: 32px;
}
h3 {
    text-align: center;
}
.photolinks {
    margin-top: 50px;
}
.imagen > img {
    border-radius: 10px;
    max-width: 30%;
    display: block;
}
.imagen {
    display: flex;
    justify-content: center;
}
.contact-paragraph {
    font-size: 16px;
}
.mail-link {
    font-size: 20px;
    margin: 0px;
}

/*    <div class="links">
        <a href="/" title="home">Homepage</a>
        <a href="photo.html" title="croissant picture">Photo</a>
        <a href="contact.html" title="contact croissant.com">Contact</a>
    </div>
    <div class="row">
        <div class="col-md-6">       
        </div>
    </div>