added inset shadows, fixed the messy credits page and revamped it, an…

…d cleared some css
IzumiiHD · Sep 14, 2024 · e6dc3c5 · e6dc3c5
1 parent 5151d34
commit e6dc3c5
Show file tree

Hide file tree

Showing 6 changed files with 144 additions and 144 deletions.
diff --git a/public/css/credits.css b/public/css/credits.css
@@ -105,4 +105,41 @@ body {
   transform: translate(-50%, -50%) rotate(15deg);
   opacity: 0.1;
   pointer-events: none;
+}
+
+.credits-container {
+  width: 300px;
+  height: 300px;
+  font-size: 18px;
+  border-radius: 20px;
+  background-color: #6f057a;
+  color: white;
+  border: none;
+  padding: 10px 20px;
+  cursor: pointer;
+  box-shadow: inset 0 -0.365vw #5a0463, 3px 3px 15px rgba(0, 0, 0, 0.6);
+  font-family: 'Pixelify Sans';
+  text-align: center;
+  transition: transform 0.2s ease-in-out;
+}
+.credits-container:hover {
+  transform: scale(0.9);
+}
+.credits-container h3 {
+  color: #fff;
+  text-shadow: #000 1px 0 13px;
+}
+.credits-container h3 img {
+  width: 30px;
+  height: 30px;
+  margin-right: 10px;
+  animation: slowAnimation 20s infinite;
+}
+.credits-container img {
+  width: 100px;
+  height: 100px;
+}
+.credits-container h4 {
+  color: #fff;
+  text-shadow: #000 1px 0 13px;
 }
diff --git a/public/css/register.css b/public/css/register.css
@@ -106,8 +106,8 @@
  }
 
 .container {
-  width: 25%;
-  height: 420px;
+  width: 400px;
+  height: 460px;
   font-size: 18px;
   border-radius: 8px;
   background-color: #6f057a;
@@ -121,6 +121,7 @@
   justify-content: center;
   align-items: center;
 }
+
 /* MOBILE UI */
 
 @media screen and (max-width: 768px) {