diff --git a/assets/style.scss b/assets/style.scss index 8fe7b83..8cdf8ad 100644 --- a/assets/style.scss +++ b/assets/style.scss @@ -39,6 +39,11 @@ body { margin: 0; } +h1, h2, h3, h4, h5, h6 { + line-height: 1em; + margin: .8em 0; +} + a { color: var(--text); text-decoration: underline; @@ -60,11 +65,14 @@ pre { padding: 10px 15px; } -p img { - border: 2px solid var(--border); - border-radius: 4px; - display: block; - margin: 0 auto; +p { + hyphens: auto; + img { + border: 2px solid var(--border); + border-radius: 4px; + display: block; + margin: 0 auto; + } } hr { @@ -133,8 +141,24 @@ main { span { font-size: .8em; } } +#vris-cute-corner { + animation: rainbow-swoosh; + animation-duration: 30000s; + animation-iteration-count: infinite; + background-image: linear-gradient(135deg, #c940f9 14.29%, #ff1e00 14.29%, #ff1e00 28.57%, #ffa500 28.57%, #ffa500 42.86%, #ffe047 42.86%, #ffe047 57.14%, #67dc91 57.14%, #67dc91 71.43%, #67a1ed 71.43%, #67a1ed 85.71%, #c940f9 85.71%); + background-clip: text; + -webkit-background-clip: text; + color: transparent; + display: inline-block; + margin: 0.55em 0; +} + +span[title="Freude"], span[title="happiness"] { + font-size: 1em; +} + p.date-published { - margin-bottom: -30px; + margin-bottom: -1.5em; font-size: smaller; font-style: italic; } @@ -144,3 +168,9 @@ p.date-published { margin: 0 auto; } } + +@keyframes rainbow-swoosh { + 0% { background-position-x: 0px; } + 50% { background-position-x: 999999px; } + 100% { background-position-x: 0px; } +}