loading screen circle is now properly centered all the time

src/app/LoadingScreen.tsx

@@ -9,7 +9,20 @@ export default function LoadingScreen(props: Props) {
 	const theme = useTheme();
 
 	return (
-		<Box sx={{ width: "100%", height: "100%", justifyContent: "center", alignContent: "center", textAlign: "center" }}>
+		<Box 
+			sx={{
+				position: "absolute",
+				top: 0,
+				left: 0,
+				width: "100%",
+				height: "100%",
+				display: "flex",
+				flexDirection: "column",
+				justifyContent: "center",
+				alignItems: "center",
+				textAlign: "center",
+			}}
+		>
 			<CircularProgress
 				size={150}
 				style={{ marginBottom: theme.spacing(4) }}