more dynamic growing / shrinking

Author: CodeShellDev

public/style/default.css

@@ -54,7 +54,7 @@ body {
 	align-items: center;
 	text-align: center;
 
-	width: 100%;
+	width: 90%;
 	max-width: 600px;
 
 	padding: 40px 30px;
@@ -97,8 +97,8 @@ body {
 }
 
 .spinner {
-	height: 120px;
-	width: 120px;
+	height: clamp(80px, 14vmin, 120px);
+	aspect-ratio: 1 / 1;
 	border: 8px solid;
 	border-color: var(--spinner-color) var(--spinner-color) var(--spinner-color)
 		var(--spinner-color-transparent);

public/style/user.css

@@ -25,8 +25,8 @@
 	border-radius: 360px;
 	aspect-ratio: 1 / 1;
 
-	height: clamp(40px, 6vmin, 60px);
-	font-size: clamp(20px, 6vmin / 2, 30px);
+	height: clamp(50px, 6vmin, 60px);
+	font-size: clamp(25px, 6vmin / 2, 30px);
 
 	font-weight: bold;
 }