@import url('https://fonts.googleapis.com/css2?family=BhuTuka+Expanded+One&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Playfair+Display:wght@700&display=swap');
@import url("https://fonts.cdnfonts.com/css/helvetica-neue-5");

body {
    width: 100%;
    background-color: #2D2D2D;
}

main {
    padding: 20px;
}

h1 {
    color: #FFF;
    
    text-align: center;
    /* Titre 2 */
    font-family: BhuTuka Expanded One;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 49px */
}

p {
    color: #FFF;
    
    /* Texte */
    font-family: Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.barre {
    position: fixed;
    top: 0;
    right: 0;
    width: 3px;
    margin-right: 17px;
    /* Largeur de la barre */
    height: 120vh;
    /* Hauteur à 100% de la hauteur de la fenêtre */
    background-color: #FEFEFE;
    z-index: -1;
}

.element--date {
    display: flex;
    width: 63px;
    height: 30px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #FFF;
    
    text-align: center;
    font-family: BhuTuka Expanded One;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-left: 305px;

}

.element__gauche--photo {
    margin-left: 105px;
    width: 271px;
    height: 186px;
    flex-shrink: 0;
    border-radius: 4px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.44) 0%, rgba(255, 255, 255, 0.44) 100%), url(<path-to-image>), lightgray -106.27px 0px / 174.419% 100% no-repeat;

    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.element__droite--photo {
    width: 271px;
    height: 186px;
    flex-shrink: 0;
}

.element__droite--bouton {
    width: 207px;
    height: 73px;
    flex-shrink: 0;
    color: #000;
    
    text-align: center;
    font-family: BhuTuka Expanded One;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.element__gauche--bouton {
    width: 207px;
    height: 73px;
    flex-shrink: 0;
    color: #000;

    text-align: center;
    font-family: BhuTuka Expanded One;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-left: 180px;
}