/*********************************
***** WebSite : M-Freitas.fr *****
******* Auteur : M_Freitas *******
*********************************/

/************* Index **************/

html, body {
    width: 100%;
    margin: 0;
    background-color: #3b3b3b;
    overflow: hidden;
}

.element {
    margin-top: 47vh;
    transform: translateY(-50%);
    text-align: center;
}

.element img {
    max-width: 30%;
    min-width: 40vh;
    height: auto;
}

.element p {
    font-family: 'Open Sans', sans-serif;
    font-size: 3vh;
    color: white;
}

.subtitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 2vh;
    color: white;
}

@keyframes fadeInDown {
    from {
        opacity:0;
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
.in-down {
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}


footer {
    bottom: 0;
    widows: 100%;
    text-align: center;
}