html, body {
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;

}

.meeting-view {

    @apply flex justify-end relative overflow-hidden;

}

.essential-header, .essential-footer {
    display: none !important;
}

.jauge-objective {
    font-size: 2rem
}

.project-block {
    @apply p-4 w-3/4 flex flex-col gap-4 h-screen justify-around;
    border-radius: 8px;
}

.project-title-block {
    @apply flex gap-4 justify-center;
}

.project-name-title {
    @apply text-6xl font-bold mb-10;
}

.project-amount {
    @apply text-4xl font-bold mb-10 text-center;
}

.project-description-block {
    @apply w-2/3 mx-auto;
}

.donations-block {
    @apply flex gap-4 h-screen justify-center w-3/12;
    border-radius: 8px;
}

.progress-block {
    @apply flex flex-col;
    background: var(--background);
    border-radius: 8px;
}

.step-block {
    @apply flex justify-end rounded mx-auto;
}

.step {
    @apply text-4xl text-amber-300
}

.progress-bar-container {
    border: 2px solid;
    @apply flex w-full border-amber-300 rounded-full;
}

.progress-bar {
    @apply w-full bg-amber-300 rounded-full h-12 transition-all;
}

.list-block {
    @apply flex flex-col gap-4 h-screen justify-end items-center w-full ;
    background: #1c2846;
    border-radius: 8px;
}

.list-item {
    @apply w-full flex gap-2 justify-around p-4;
}

.lastname {
    @apply text-lg font-bold;
}

.total-amount {
    @apply text-xl font-bold text-white text-center;
}

.project-amount-text {
    @apply flex justify-center items-end;
}

.project-amount-text .min-objective {
    @apply text-sm font-bold ml-4 pt-4;
}

.event-confetti {
    position: absolute;
    z-index: 100;
    width: 100vw;
    height: 100vh;
}

.project-info {
    @apply flex flex-col gap-4;
    color: var(--secondary-color);
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.meeting-container {
    
}

.grand-total-number {
    font-size: 2rem !important;
}

.jauge-montant {
    font-size: 2rem !important;
}

.grand-total-amount {
    font-size: 1.5rem !important;
    transform: translateY(-5px);
}