You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
1.0 KiB
CSS
91 lines
1.0 KiB
CSS
2 years ago
|
:root {
|
||
|
|
--sofia: "🌵";
|
||
|
|
--kamo: "🌞";
|
||
|
|
--gambas: "🌪";
|
||
|
|
--poni: "🍥";
|
||
|
|
--gr: "🥨";
|
||
|
|
--tizi: "🗿";
|
||
|
|
|
||
|
|
--main: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* AUTHORS */
|
||
|
|
|
||
|
|
.km0::before {
|
||
|
|
content: var(--kamo);
|
||
|
|
}
|
||
|
|
|
||
|
|
.sofia::before {
|
||
|
|
content: var(--sofia);
|
||
|
|
}
|
||
|
|
|
||
|
|
.poni::before {
|
||
|
|
content: var(--poni);
|
||
|
|
}
|
||
|
|
|
||
|
|
.gr::before {
|
||
|
|
content: var(--gr);
|
||
|
|
}
|
||
|
|
.tizi::before {
|
||
|
|
content: var(--tizi);
|
||
|
|
}
|
||
|
|
.gambas::before {
|
||
|
|
content: var(--gambas);
|
||
|
|
}
|
||
|
|
|
||
|
|
.km0 + .km0::before,
|
||
|
|
.sofia + .sofia::before,
|
||
|
|
.poni + .poni::before,
|
||
|
|
.gr + .gr::before,
|
||
|
|
.tizi + .tizi::before,
|
||
|
|
.gambas + .gambas::before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
|
||
|
|
/* STYLE */
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
font-size: 32px;
|
||
|
|
line-height: 1;
|
||
|
|
color: var(--main);
|
||
|
|
}
|
||
|
|
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4 {
|
||
|
|
font-size: 24px;
|
||
|
|
line-height: 1.2;
|
||
|
|
color: var(--main);
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
img {
|
||
|
|
max-width: 100%;
|
||
|
|
object-fit: contain;
|
||
|
|
}
|
||
|
|
|
||
|
|
.em {
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
.intro * {
|
||
|
|
font-size: 28px;
|
||
|
|
line-height: 1.2;
|
||
|
|
margin: 28px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text,
|
||
|
|
ul,
|
||
|
|
li {
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 1.4;
|
||
|
|
font-style: normal;
|
||
|
|
margin-bottom: 1em;
|
||
|
|
color: var(--main);
|
||
|
|
}
|
||
|
|
|
||
|
|
.text .big {
|
||
|
|
font-size: 64px;
|
||
|
|
}
|