repaircafe/static/css/index.css
2025-12-05 22:07:02 +01:00

111 lines
No EOL
1.8 KiB
CSS

.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;
}