@import url('variables.css');
body {
    display: grid;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    grid-template: 
            "nav" 130px
            "image" auto
            "intro" auto
            "items" auto
            / 1fr;
}

.image{
    display: flex;
    grid-area: image;
    flex-direction: column;
    align-items: center;
    padding-top: 65px;
    img{
        height: 416px;
    }

}
.introduction{
    padding-top: 30px;
    grid-area: intro;
    width: 755px;
    margin: 0 auto;
    p{
        color: var(--text-color);
        text-align: center;
        font-size: 15px;
        font-family: Libre Baskerville, serif;
    }
}
.date{
    padding-top : 30px;
    grid-area: date;
    text-align: center;
}

.programme-items{
    grid-area: items;
    display : flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;

}