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.

89 lines
1.1 KiB
CSS

html,
body {
font-family: sans-serif;
font-size: 1.125rem;
line-height: 1.6;
}
h1 {
text-transform: uppercase;
margin-bottom: 0;
}
.sub {
margin-bottom: 32px;
line-height: 1;
font-style: italic;
}
.attempt {
position: relative;
margin-block: 48px;
display: inline-block;
max-width: 40ch;
padding: 1ch;
border: 1px solid currentColor;
}
.attempt:before {
content: "Attempt";
position: absolute;
top: 0;
left: 0;
padding: 0 4px;
translate: -1px calc(-100% - 1px);
background-color: #eee;
}
.tags {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 8px;
padding: 0;
}
.tags > li {
display: inline-block;
background-color: #eee;
}
.tags > li:hover {
background-color: #eec;
cursor: pointer;
}
.entries {
padding: 0;
}
.entry {
margin-block: 8px;
display: flex;
gap: 8px;
}
.entry > * {
flex: 1;
}
.opening {
display: inline-block;
max-width: 80ch;
margin-block: 16px;
padding: 8px;
font-size: 1.25rem;
color: #344e41;
border: 2px solid #84a98c;
border-radius: 16px;
}
.opening > p {
margin: 0;
}
.opening > a {
color: #588157;
}