infopage/public/css/page.css

67 lines
949 B
CSS
Raw Normal View History

2024-03-28 21:36:08 -04:00
body {
padding-bottom: calc(20px + 8em);
}
2024-02-20 14:55:22 -05:00
svg {
width: 0.9em;
height: 0.9em;
display: inline-block;
fill: var(--text);
}
2024-03-28 21:36:08 -04:00
a, a:visited, a:link {
color: var(--text);
text-decoration-color: var(--text);
}
footer a, footer a:visited, footer a:link {
color: var(--accent);
text-decoration-color: var(--accent);
}
.added {
display: inline-block;
text-align: left;
max-width: 16em;
white-space: break-word;
}
.added h2 {
text-align: center;
}
.added div {
margin-bottom: 0.2em;
}
2024-02-20 14:55:22 -05:00
#word-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
row-gap: 5em;
column-gap: 2em;
}
2024-03-28 21:36:08 -04:00
#key {
position: fixed;
2024-02-20 14:55:22 -05:00
text-align: left;
2024-03-28 21:36:08 -04:00
bottom: 10px;
opacity: 50%;
2024-02-20 14:55:22 -05:00
}
2024-03-28 21:36:08 -04:00
@media screen and (min-width: 566px) {
#key {
left: 10px;
}
}
@media screen and (max-width: 565px) {
#key {
position: fixed;
text-align: left;
bottom: calc(10px + 2em);
right: 10px;
}
2024-02-20 14:55:22 -05:00
}