fix

Author: RohanAltAccount

styles.css

@@ -10,6 +10,7 @@ body {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
+  align-items: center;
 }
 main.container {
   max-width: 480px;
@@ -36,6 +37,7 @@ main.container {
   margin-bottom: 16px;
   object-fit: cover;
   background: #FFFFFF;
+}
 .avatar:hover{
     box-shadow: 0 6px 18px rgba(0,0,0,0.08);
 transform: translateY(-2px)
@@ -82,7 +84,6 @@ h1 {
   font-weight: 600;
   font-size: 1rem;
   cursor: pointer;
-  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
   transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
   display: inline-flex;
   align-items: center;
@@ -117,6 +118,7 @@ h1 {
   gap: 18px;
 }
 footer {
+  width: 100%;
   text-align: center;
   margin: 32px 0 18px 0;
   color: #7a7a7a;