.index {
    background-color: #e1e1e1;
    border-radius: 8px;
    padding: 0 5rem 1rem 5rem;
}

.index section {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-bottom: 0;
    background-color: white;
}

.index .maintitle {
    text-align: center;
}

.index .maintitle h1 {
    padding-top: 3rem;
    font-size: 3.5rem;
    font-weight: bold;
    color: #2e2c7e;
}

.index .maintitle p {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #EF694A;
    font-weight: bold;
}

.index .repair-dates h2 {
    color: #2e2c7e;
    font-size: 3rem;
    font-weight: bold;
}

.index .repair-dates p {
    color: #2e2c7e;
    font-size: 1.3rem;
    font-weight: bold;
}

.index .repair-dates h3 {
    color: #2e2c7e;
    font-size: 2rem;
    font-weight: bold;
}

.index .repair-dates {
    text-align: center;
    padding: 2rem;
}

.index .repair-dates .date {
    font-weight: bold;
    color: #EF694A;
}

.index .repair-dates .lieu {
    color: #2e2c7e;
}

.index .container {
    display: grid;
    grid-template-areas:
        "header header"
        "event event"
        "footer footer";
    grid-template-columns: 2fr 2fr;
}

.index .container div.header {
    grid-area: header;
    text-align: center;
    margin-bottom: 2rem;
}

.index .container div.footer {
    grid-area: footer;
    text-align: center;
}

.index .container div.event {
    grid-area: event;
    font-size: 1.3rem;
    margin-bottom: 2rem;
    border: 1px solid black;
    border-radius: 8px;
}

.index .presentation {
    padding: 2rem;
}

.index .presentation h2 {
    color: #2e2c7e;
    font-size: 2rem;
    font-weight: bold;
    padding: 0.5rem;
    text-align: center;
    margin-top: 1rem;
}

.index .presentation p {
    color: #2e2c7e;
    font-size: 1rem;
    text-align: justify;
}