You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
2.3 KiB
106 lines
2.3 KiB
@import 'modern-normalize';
|
|
|
|
body {
|
|
background: #f2ede0;
|
|
}
|
|
|
|
.wrapper {
|
|
max-width: 1024px;
|
|
margin: 0 auto;
|
|
padding: 0 2em;
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
.header {
|
|
padding: 1em 0;
|
|
text-align: center;
|
|
background: #fdebbe;
|
|
}
|
|
|
|
.generator {
|
|
padding: 1em 0;
|
|
background: #fdebbe;
|
|
text-align: center;
|
|
}
|
|
|
|
.generator .seed-text {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
border: 2px solid rgba(0, 0, 0, 0.1);
|
|
border-radius: 4px;
|
|
padding: 1em;
|
|
text-align: center;
|
|
font-size: 1.4em;
|
|
font-family: "Comic Sans MS", cursive, sans-serif;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.generator .seed-text span:nth-of-type(1),
|
|
.generator .seed-text span:nth-of-type(2) {
|
|
color: red;
|
|
}
|
|
.generator .seed-text span:nth-of-type(3),
|
|
.generator .seed-text span:nth-of-type(4) {
|
|
color: blue;
|
|
}
|
|
.generator .seed-text span:nth-of-type(5),
|
|
.generator .seed-text span:nth-of-type(6) {
|
|
color: orange;
|
|
}
|
|
.generator .seed-text span:nth-of-type(7),
|
|
.generator .seed-text span:nth-of-type(8) {
|
|
color: yellow;
|
|
}
|
|
.generator .seed-text span:nth-of-type(9),
|
|
.generator .seed-text span:nth-of-type(10) {
|
|
color: olive;
|
|
}
|
|
.generator .seed-text span:nth-of-type(11),
|
|
.generator .seed-text span:nth-of-type(12) {
|
|
color: green;
|
|
}
|
|
.generator .seed-text span:nth-of-type(13),
|
|
.generator .seed-text span:nth-of-type(14) {
|
|
color: purple;
|
|
}
|
|
.generator .seed-text span:nth-of-type(15),
|
|
.generator .seed-text span:nth-of-type(16) {
|
|
color: fuchsia;
|
|
}
|
|
.generator .seed-text span:nth-of-type(17),
|
|
.generator .seed-text span:nth-of-type(18) {
|
|
color: limegreen;
|
|
}
|
|
.generator .seed-text span:nth-of-type(19),
|
|
.generator .seed-text span:nth-of-type(20) {
|
|
color: teal;
|
|
}
|
|
.generator .seed-text span:nth-of-type(21),
|
|
.generator .seed-text span:nth-of-type(22) {
|
|
color: LightSeaGreen;
|
|
}
|
|
.generator .seed-text span:nth-of-type(23),
|
|
.generator .seed-text span:nth-of-type(24) {
|
|
color: maroon;
|
|
}
|
|
|
|
.generator .seed-text[data-word-count="24"] span:nth-of-type(13):before,
|
|
.generator .seed-text[data-word-count="21"] span:nth-of-type(13):before,
|
|
.generator .seed-text[data-word-count="18"] span:nth-of-type(11):before {
|
|
display: block;
|
|
content: '';
|
|
}
|
|
|
|
.regenerate-seed {
|
|
margin: 0 auto;
|
|
padding: 0.6em 1em;
|
|
border: none;
|
|
font: inherit;
|
|
color: #fff;
|
|
background-color: #52C752;
|
|
cursor: pointer;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.description {
|
|
padding: 1em 0;
|
|
}
|
|
|