diff --git a/Project01.html b/Project01.html
deleted file mode 100644
index b5cb94e..0000000
--- a/Project01.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<!DOCTYPE html>
-<html lang="pt-br">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Projeto 01</title>
-  </head>
-  <body>
-    <section class="container flex">
-      <div class="item">Qual dessas marcas de carro você gosta mais?</div>
-      <div class="item">Which of these car brand do you like the most?</div>
-    </section>
-    <style>
-      .container-flex {
-        display: block;
-        flex-wrap: wrap;
-        max-width: 400px;
-        margin: 0 auto;
-        text-align: center;
-      }
-      .flex-wrap {
-        flex-wrap: wrap;
-      }
-      .flex {
-        display: flex;
-      }
-      .container {
-        text-align: center;
-        font-size: 20px;
-        background-color: #ffffff;
-        max-width: 380px;
-        margin: 0 auto;
-        border: 3px solid #000000;
-      }
-      body {
-        background-image: url(https://fotos.jornaldocarro.estadao.com.br/primeira-classe/files/2016/07/marcas-reuters.jpg);
-      }
-      button {
-        background-color: #ffffff;
-        border: solid 2px #ff0000;
-        margin: auto;
-      }
-      button:hover {
-        background-color: darkgray;
-      }
-    </style>
-    <section class="container-flex flex-wrap">
-      <button>Mazda</button>
-      <button>Mercedez Benz</button>
-      <button>Ferrari</button>
-      <button>Alfa Romeo</button>
-      <button>Rolls Royce</button>
-      <button>Pagani</button>
-      <button>Lamborghini</button>
-      <button>Mclaren</button>
-      <button>Chevrolet</button>
-      <button>Dodge</button>
-      <button>Aston Martin</button>
-      <button>BMW</button>
-      <button>Porsche</button>
-      <button>Lexus</button>
-      <button>Lotus</button>
-      <button>Maserati</button>
-      <button>Bugatti</button>
-      <button>Mitsubishi</button>
-    </section>
-    <script></script>
-  </body>
-</html>
diff --git a/Project01/Project01.CSS b/Project01/Project01.CSS
new file mode 100644
index 0000000..2e92941
--- /dev/null
+++ b/Project01/Project01.CSS
@@ -0,0 +1,73 @@
+body,
+html {
+  height: 100%;
+  margin: 0;
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+button {
+  margin-right: 5px;
+  margin-top: 5px;
+  color: #ffffff;
+  background-color: #00000096;
+  border: solid #ff0000;
+  border-radius: 2px;
+  flex-wrap: wrap;
+}
+
+button:hover {
+  background-color: #919191;
+}
+.bg-image {
+  /* The image used */
+  background-image: url("https://www.sanitecsolution.com.br/images/servicos/limpeza-em-concessionaria-de-automoveis-02.jpg");
+
+  /* Add the blur effect */
+  filter: blur(8px);
+  -webkit-filter: blur(2px);
+
+  /* Full height */
+  height: 100%;
+
+  /* Center and scale the image nicely */
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+.item {
+  flex-wrap: wrap;
+  max-width: 400px;
+  position: absolute;
+  text-align: center;
+  top: 50%;
+  left: 35%;
+  transform: translate(-0%, -20%);
+  z-index: 5;
+}
+/* Position text in the middle of the page/image */
+.bg-text {
+  background-color: #000000;
+  /* Fallback color */
+  background-color: #00000096;
+  /* Black w/opacity/see-through */
+  color: #ffffff;
+  font-weight: bold;
+  border: 3px solid #ffffff;
+  position: absolute;
+  top: 30%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 2;
+  width: 70%;
+  padding: 20px;
+  text-align: center;
+}
+
+h1 {
+  font-size: 50px;
+}
\ No newline at end of file
diff --git a/Project01/Project01.html b/Project01/Project01.html
new file mode 100644
index 0000000..11cf615
--- /dev/null
+++ b/Project01/Project01.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+  <head>
+    <meta charset="utf-8">
+    <meta name="Qual é a sua marca de carro favorita?" content="Escolhendo dentre as opções a sua marca de carro preferida" />
+<link rel="stylesheet" href="Project01.css">
+  </head>
+  <body>
+    <section class="item">
+      <button><img icon="mazda">Mazda</img></button>
+      <button>Mercedez Benz</button>
+      <button>Ferrari</button>
+      <button>Alfa Romeo</button>
+      <button>Rolls Royce</button>
+      <button>Pagani</button>
+      <button>Lamborghini</button>
+      <button>Mclaren</button>
+      <button>Chevrolet</button>
+      <button>Dodge</button>
+      <button>Aston Martin</button>
+      <button>BMW</button>
+      <button>Porsche</button>
+      <button>Lexus</button>
+      <button>Lotus</button>
+      <button>Maserati</button>
+      <button>Bugatti</button>
+      <button>Mitsubishi</button>
+    </section>
+    <div class="bg-image"></div>
+
+    <div class="bg-text">
+      <h2>What is your favorite car brand?</h2>
+      <h1>Qual é a sua marca de carro favorita?</h1>
+    </div>
+  </body>
+</html>
