diff --git a/src/App.tsx b/src/App.tsx
index e258152..90b51c7 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,9 +1,14 @@
 function App() {
   return (
     <main className="app">
-      <section className="content">
-        <h1>Clouds Website</h1>
-        <p>Start building your React app in src/App.tsx.</p>
+      <section className="container">
+        <div className="header">
+          <p>Cloud's Website</p>
+        </div>
+
+        <div className="content">
+          <p>foo</p>
+        </div>
       </section>
     </main>
   )
diff --git a/src/index.css b/src/index.css
index e69de29..d4c2eb6 100644
--- a/src/index.css
+++ b/src/index.css
@@ -0,0 +1,32 @@
+@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
+
+* {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  background-color: #2A2D43;
+  color: white;
+
+  font-family: "Dosis", sans-serif;
+  font-optical-sizing: auto;
+  font-style: normal;
+}
+
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+.header {
+  font-size: 3rem;
+  font-weight: bold;
+}
+
+.content {
+  font-size: 1.5rem;
+  /* font-weight: bold; */
+}