ese-website/_includes/page.css

72 lines
918 B
CSS
Raw Normal View History

2024-09-20 17:10:24 +02:00
* {
box-sizing: border-box;
2024-09-23 14:37:40 +02:00
font-size: 17px;
2024-09-20 17:10:24 +02:00
}
body {
margin: 0;
font-family: Aileron, sans-serif;
line-height: 1.5;
color: var(--color-text);
}
2024-09-23 14:39:07 +02:00
main {
padding: 4rem 0 8rem;
}
2024-09-23 14:37:40 +02:00
.content {
width: 100%;
2024-09-20 17:10:24 +02:00
max-width: var(--page-width);
2024-09-23 14:39:07 +02:00
padding-left: 1.25rem;
padding-right: 1.25rem;
2024-09-20 17:10:24 +02:00
margin-left: auto;
margin-right: auto;
}
h1, h2, h3, h4 {
color: var(--color-primary);
}
h1 {
font-weight: 700;
2024-09-23 14:37:40 +02:00
font-size: 2.8em;
2024-09-20 17:10:24 +02:00
text-transform: uppercase;
}
h2 {
font-weight: 300;
2024-09-23 14:37:40 +02:00
font-size: 2.4em;
2024-09-20 17:10:24 +02:00
line-height: 2;
}
h3 {
font-weight: 300;
2024-09-23 14:37:40 +02:00
font-size: 1.8em;
2024-09-20 17:10:24 +02:00
line-height: 2;
}
h4 {
font-weight: 400;
2024-09-23 14:37:40 +02:00
font-size: 1.3em;
2024-09-20 17:10:24 +02:00
line-height: 2;
}
h5 {
font-weight: 700;
2024-09-23 14:37:40 +02:00
font-size: 1em;
margin-bottom: 1em;
2024-09-20 17:10:24 +02:00
}
p {
line-height: 1.8;
}
:root {
2024-09-23 14:37:40 +02:00
font-size: 12px;
--page-width: 1280px;
2024-09-20 17:10:24 +02:00
--color-text: #495057;
--color-primary: {{ eseColor }};
2024-09-24 16:33:50 +02:00
--color-livestream-active: #fff;
2024-09-20 17:10:24 +02:00
}