Update phone number in Main component

components/templates/main.js

@@ -16,7 +16,7 @@ export default function Main() {
 					</a>
 					<a href="tel:504066513">
 						<h2 className="text-2xl ml-8 bg-gray-900 bg-opacity-20 px-3 py-2 hover:bg-opacity-10 border-white border-opacity-0 border-b-2 hover:border-opacity-100 transition-all">
-							504 066 513
+							515 775 020
 						</h2>
 					</a>
 				</div>

styles/globals.css

@@ -2,12 +2,13 @@
 @tailwind components;
 @tailwind utilities;
 
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
+
 html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family: 'Noto Sans', sans-serif;
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
 }
 
 a {

tailwind.config.js

@@ -4,7 +4,7 @@ module.exports = {
 		"./components/**/*.{js,ts,jsx,tsx}",
 	],
 	theme: {
-		fontFamily: { default: ["Montserrat"] },
+		fontFamily: { default: ["Noto Sans", "sans-serif"] },
 		extend: {
 			backgroundImage: {
 				main: "url('main.jpg')",