diff --git a/assets/css/global.css b/assets/css/global.css index 7bf873a..429bfbd 100644 --- a/assets/css/global.css +++ b/assets/css/global.css @@ -41,7 +41,7 @@ a { text-shadow: 2px 2px 15px rgba(var(--color-light), 0.9); } -.back-btn { +.btn { display: flex; align-items: center; gap: 0.2rem; @@ -56,7 +56,7 @@ a { cursor: pointer; transition: 0.1s background-color linear, 0.1s color linear; } -.back-btn:hover { +.btn:hover { background-color: var(--color-light); color: var(--color-dark); } diff --git a/assets/css/upgrades.css b/assets/css/upgrades.css index b8e363e..b2663b5 100644 --- a/assets/css/upgrades.css +++ b/assets/css/upgrades.css @@ -26,3 +26,43 @@ opacity: 0.3; z-index: -5; } + +#upg-credits { + visibility: hidden; + position: absolute; + width: 100%; + height: 100%; + background-color: var(--color-dark); + top: 0; + left: 0; + overflow: hidden; +} +.upg-credits-inner { + display: flex; + flex-direction: column; + align-items: center; + position: absolute; + width: 100%; + top: -85%; + left: 50%; + transform: translateX(-50%); + animation: 15s credits linear; +} +@keyframes credits { + 0% { + top: 100%; + } + + 100% { + top: -85%; + } +} + +.upg-credits-footer { + margin-top: 2rem; + text-align: center; +} + +.upg-credits-inner > h2 { + margin-top: 2rem; +} diff --git a/index.html b/index.html index cf0361e..658309d 100644 --- a/index.html +++ b/index.html @@ -14,7 +14,7 @@