*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,body{
    width:100%;
    height:100%;
    overflow:hidden;
    font-family:sans-serif;
}

body{
    background:#ffd3e2;
}

/* Première page */

.page{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

#heartBtn{
    border:none;
    background:none;
    font-size:100px;
    cursor:pointer;
    transition:transform .12s ease;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
}

#heartBtn:active{
    transform:scale(.82);
}

/* Fondu noir */

#fade{
    position:fixed;
    inset:0;
    background:black;
    opacity:0;
    pointer-events:none;
    transition:opacity .8s ease;
    z-index:10;
}

#fade.show{
    opacity:1;
}

/* Deuxième page */

#orgaPage{
    position: fixed;
    inset: 0;
    background: black;
    display: flex;
    justify-content: center;
    align-items: center;
}

#orgaPage img{
    width: 100%;
    height: 100%;
    object-fit: contain; /* affiche toute l'image */
}

.hidden{
    display:none !important;
}