diff --git a/css/global.css b/css/global.css
new file mode 100644
index 0000000..317dd00
--- /dev/null
+++ b/css/global.css
@@ -0,0 +1,69 @@
+@import url("./variables.css");
+
+
+*{
+ padding: 0; margin: 0; box-sizing: border-box; font-family: 'Roboto', sans-serif;
+}
+
+a{
+ text-decoration: none;
+}
+
+html, body{
+ width: 100%;
+ height: 100%;
+ background-color: var(--primary-color);
+}
+
+
+header{
+ width: 100%;
+ height: 7vh;
+ background-color: var(--second-color);
+ display: flex;
+ justify-content: space-between;
+ padding: 1em 1.2em;
+ align-items: center;
+ border-bottom: 2px solid var(--third-color);
+ margin-bottom: 1em;
+}
+
+header > nav > ul{
+ display: flex;
+ gap: 1em;
+}
+
+header > .brand > a > img {
+ width: 50px;
+}
+
+header > nav > ul > li > a{
+ color: var(--third-color);
+ font-weight: bold;
+}
+
+main{
+ min-height: 85vh;
+ width: 100%;
+
+}
+
+footer{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ border-top: 2px solid var(--third-color);
+ color: var(--third-color);
+ padding: 2em 1em;
+ background-color: var(--second-color);
+}
+
+.container{
+ width: 100%;
+ min-height: 82vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+
diff --git a/css/home.css b/css/home.css
new file mode 100644
index 0000000..fdb90dd
--- /dev/null
+++ b/css/home.css
@@ -0,0 +1,30 @@
+@import url("./variables.css");
+
+.title{
+ text-align: center;
+}
+
+.title > h1 {
+ font-size: 4em;
+ margin-bottom: 0.3em;
+}
+
+.title > h1 > span {
+ color: var(--third-color);
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
+}
+
+.title > h3{
+ font-size: 2em;
+ margin-bottom: 0.3em;
+}
+
+.title > h4{
+ font-size: 2em;
+ margin-bottom: 0.3em;
+}
+
+.title > h4 > a {
+ color: var(--third-color);
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
+}
\ No newline at end of file
diff --git a/css/variables.css b/css/variables.css
new file mode 100644
index 0000000..13961ed
--- /dev/null
+++ b/css/variables.css
@@ -0,0 +1,5 @@
+:root{
+ --primary-color: #CCC;
+ --second-color: #000;
+ --third-color: #fbff00;
+}
\ No newline at end of file
diff --git a/img/moeda.png b/img/moeda.png
new file mode 100644
index 0000000..9a4684a
Binary files /dev/null and b/img/moeda.png differ
diff --git a/index.html b/index.html
index 6505f62..beccc5b 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,54 @@
-
+
+
+
+
+
+
+
+
-
+
+
+
- Hello World Alterado !
-
-
+ CoinBank
+
+
+
+
+
+
+
+
+
+
+
CoinBank,
+
+
O banco que cuida do seu dinherio!
+
+
+
+
+
