diff --git a/page/start/style.css b/page/start/style.css index feaab14..75754c9 100644 --- a/page/start/style.css +++ b/page/start/style.css @@ -22,37 +22,6 @@ } } -.form-feedback { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - - display: flex; - flex-direction: column; - flex-wrap: nowrap; - justify-content: center; -} - -.form-feedback .centertext { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: center; - align-items: center; - gap: 0.5rem; -} -.form-feedback-wait { - color: var(--color-blue); -} -.form-feedback-success { - color: var(--color-green); -} -.form-feedback-failure { - color: var(--color-red); -} - diff --git a/page/style.css b/page/style.css index 70fbde7..f5247ae 100644 --- a/page/style.css +++ b/page/style.css @@ -770,12 +770,43 @@ input::placeholder { color: var(--color-bg); } +.form-feedback { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + + display: flex; + flex-direction: column; + flex-wrap: nowrap; + justify-content: center; +} + +.form-feedback .centertext { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: center; + align-items: center; + gap: 0.5rem; +} +.form-feedback-wait { + color: var(--color-blue); +} +.form-feedback-success { + color: var(--color-green); +} +.form-feedback-failure { + color: var(--color-red); +} + /* ANIMATION KIT */ -.form-feedback .spinning { +.spinning { animation-name: spinning; animation-duration: 0.5s; animation-iteration-count: infinite;