diff --git a/static/main.css b/static/main.css index bc6e75a..7667227 100644 --- a/static/main.css +++ b/static/main.css @@ -1,5 +1,7 @@ @import url("/static/spinner.css"); +/* Variables */ + :root { --red: #cb0b0b; --blue: #2081c3; @@ -9,6 +11,8 @@ --medium: 1em; } +/* Generic styling for elements */ + html, body { background: linear-gradient(300deg, var(--red), var(--blue)); @@ -57,6 +61,8 @@ abbr[title] { text-decoration-color: var(--blue); } +/* Generic styling properties */ + .align-start { text-align: start; } @@ -169,6 +175,8 @@ abbr[title] { aspect-ratio: 1; } +/* Specialized elements */ + .iconContainer { width: 64px; height: 64px; @@ -198,6 +206,8 @@ abbr[title] { margin-top: min(var(--xl), 6vh); } +/* Animations */ + .pulse-red { animation: 1s ease-in-out 0s infinite alternate both running pulse-red-anim; }