body {
    background-color: black;
    color: white;
    min-height: 100%;
}

.title {
    font-size: 3em;
    text-align: center;
    margin-top: 50px;
    text-decoration: underline;
}

.presentation {
    margin: 20px;
    font-size: 1.1em;
    text-shadow: 1px 1px 0 rgb(160, 18, 18);
}

.photo {
    position: relative;
    display: block;
    margin: 0 auto;
    width: fit-content; 
    text-align: center;
    text-decoration: underline;
}
.picture {
    width: 300px;
    height: auto;
}
.fire {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 300px;
    pointer-events: none;
}

.flipped {
    transform: rotateZ(360deg);
    transition: transform 0.6s;
}

.footer {
    position: fixed;
    color: rgba(128, 128, 128, 0.4);
    
    bottom: 0;
    text-align: center;
    width: auto;
}

.invisible {
    color: rgba(0, 0, 0, 0);
    opacity: 0;
}