/* JBeauregard stylesheet */
body {
    font-family: 'Alegreya', serif;
    font-family: 'Alegreya Sans', sans-serif;
    font-family: 'Merriweather', serif;
    font-family: 'Merriweather Sans', sans-serif;
    font-family: 'Nunito', sans-serif;
    font-family: 'Nunito Sans', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Slab', serif;
    font-family: 'Roboto Mono', monospace; 
    font-family: 'Quattrocento', serif;
    font-family: 'Quattrocento Sans', sans-serif;
    font-family: 'Rubik', sans-serif;
    font-family: 'Pacifico', cursive;
    font-family: 'Quicksand', sans-serif;
    font-family: 'Inconsolata', monospace;
    font-family: 'Cabin', sans-serif;
    font-family: 'VT323', monospace;
    font-family: 'Bungee', cursive;
    font-family: 'BioRhyme', serif;
    font-family: 'Ewert', cursive;
    font-family: 'Gravitas One', cursive;
    font-family: 'Monoton', cursive;
    font-family: 'Rubik', sans-serif;


}

p {
    font-family: 'Roboto Slab';
    font-size: 1.15rem;
}


#home-row {
    margin: 0;
    background-color: black;
}

#image-hoster {
    padding: 0;
}

#head-image {
    width: auto;
    max-width: 100%;
    height: 100vh;
    background-image: url('/img/mon-nom-est-personne.PNG');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 0;
}

#head-title-box {
    padding-top: 15%;
    padding-left: 10%;
    padding-right: 5%;
    padding-bottom: 10%;
}

#head-title {
    color: white;
    font-family: Monoton;
    font-size: 10vmin;
    margin-bottom: 7%;
}

#head-subtitle {
    color: white;
}


.presentation-div {
    padding-top: 20vh;
    padding-bottom: 30vh;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;

}

.element-title {
    font-family: Merriweather;
    font-size: 3rem;
    margin-bottom: 30px;
}

.img-container {
    margin-top: 10vh;
    text-align: center;
}

.image {
    width: auto;
    height: 350px;
    margin-bottom: 5px;
    box-shadow: 5px 7px 15px 2px rgb(0,0,0);
}