diff --git a/CSS/index.css b/CSS/index.css index bb75e67..40b16db 100644 --- a/CSS/index.css +++ b/CSS/index.css @@ -78,24 +78,28 @@ html { animation-play-state: running; animation-fill-mode: forwards; - animation-duration: 4s; + animation-duration: 5s; + + visibility: visible; + + background-color: #000000; + color: #FFFFFF; + + font-size: 18px; } - @keyframes WarningFadeOut { 0% { - visibility: visible; - - background-color: #000000; color: #FFFFFF; - - font-size: 18px; } 20% { - background-color: #000000; color: #000000; } + 80% { + opacity: 1; + } + 99.99% { visibility: visible; font-size: 18px; @@ -107,6 +111,7 @@ html { color: #000000; font-size: 0px; + opacity: 0; } } @@ -145,23 +150,21 @@ html { position: absolute; top: 0px; left: 0px; -} - -@keyframes MainFadeIn { - 0% { - visibility: collapse; - } + visibility: collapse; + background-image: url("../Icons/IndexBackground.png"); +} +@keyframes MainFadeIn { 79.99% { visibility: collapse; } 80% { visibility: visible; - background-color: #000000; + opacity: 0; } 100% { - background-color: #FFFFFF; + opacity: 1; } }