From be0b730fb0becb88c867dcdea7544f1d859746b5 Mon Sep 17 00:00:00 2001
From: Gabriel De Los Rios <gab.dlr3012@gmail.com>
Date: Sat, 8 Nov 2025 20:26:40 -0300
Subject: [PATCH] fix: box-sizing border-box by default

---
 src/styles.scss | 35 ++++++++++++++++++++---------------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/styles.scss b/src/styles.scss
index aa8ba51..c7b279d 100644
--- a/src/styles.scss
+++ b/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);
-}
\ No newline at end of file
+  font-size: 2rem;
+  color: var(--primary);
+}