fix: box-sizing border-box by default

src/styles.scss

@@ -1,30 +1,35 @@
 /* You can add global styles to this file, and also import other style files */
 :root {
-    --primary: #c2185b;
-    --primaryDark: rgb(156, 10, 69);
-    --secondary: #ffc107;
-    --primaryFont: 'Arial', Helvetica, sans-serif;
-    --secondaryFont: 'Poppins', sans-serif;
+  --primary: #c2185b;
+  --primaryDark: rgb(156, 10, 69);
+  --secondary: #ffc107;
+  --primaryFont: 'Arial', Helvetica, sans-serif;
+  --secondaryFont: 'Poppins', sans-serif;
+}
+
+html,
+* {
+  box-sizing: border-box;
 }
 
 body {
-    background-color: var(--primary);
-    font-family: var(--primaryFont);
+  background-color: var(--primary);
+  font-family: var(--primaryFont);
 }
 
 h1,
 h2 {
-    font-family: var(--secondaryFont);
-    text-align: center;
-    margin: 0;
+  font-family: var(--secondaryFont);
+  text-align: center;
+  margin: 0;
 }
 
 h1 {
-    padding: 20px;
-    color: white;
+  padding: 20px;
+  color: white;
 }
 
 h2 {
-    font-size: 2rem;
-    color: var(--primary);
+  font-size: 2rem;
+  color: var(--primary);
 }