

/*  //////////////////////////////////////////////////////// contenu ////////////////////////////////////////////////////////// */

.mar- {
    margin-top: -40px;
    margin-left: 9vw;
}

.phrase {
    text-align: center;
    font-size: 80px;
    font-family: "Euphoria Script";
}

.presentation {
    text-align: left;
    align-items: center;
    margin: 60px;
    margin-top: 0px;
}

.presentation div p {
    font-size: 2.1vh;
    font-family: "Nanum Myeongjo", serif;
}

.trans_paragraphe {
    text-align: center;
}

.elle {
    font-size: 22px;
}

.size {
    font-size: 30px;
}

@media screen and (min-height: 570px) {
    body {
        overflow-y: visible;
    }

}

@media screen and (max-height: 570px) {
    body {
        scrollbar-gutter: initial;
        overflow-y: visible;
    }
}
.taille {
    height: calc(85vh * 0.7);
    width: auto;
}

.taille2 {
height: 55vw;
}

.truq {
    border: #c89116 solid 2px;
}

.vrai_boutton {
    width: 200px;
}

.centerplus {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.width100 {
    width: 100%;
}

.img_abs {
    position: absolute;
    transform: translate(-50%, -50%) rotate(30deg);
    left: 45%;
    top: 0.5vw;
}

.pillier {
    position: absolute;
    width: 80%;
    top: -100px;
    left: 10%;
}

.text-style {
    font-family: "Style Script", cursive;
    text-align: center;
    font-size: 30px;
}

.po_ec {
    font-size: 2.6vw;
}

.anim_dep {
    opacity: 0;
    animation-duration: 1s;
    animation-name: depose;
    animation-fill-mode: forwards;
}

@keyframes depose {
    from {
        transform: translateY(0px);
        opacity: 0;
    }

    to {
        transform: translateY(50px);
        opacity: 1;
    }
}
