diff --git a/index.html b/index.html
new file mode 100644
index 0000000..bbffb16
--- /dev/null
+++ b/index.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+ Flexbox: App bar top
+
+
+
+
+
+
+
+
Page Title
+
+
+
+
+
+
\ No newline at end of file
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..b0288b1
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,54 @@
+body {
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ margin: 0;
+ padding: 0;
+ min-height: 100vh;
+ color: white;
+}
+
+.figures {
+ background: #4c00d5;
+ display: flex;
+ justify-content: flex-end;
+}
+
+.figures i {
+ margin: 7px;
+}
+
+.container {
+ background: #6200ee;
+ display: flex;
+ justify-content: space-between;
+}
+
+.container i {
+ font-size: 28px;
+}
+
+.container-left {
+ display: flex;
+ align-items: center;
+}
+
+.container-left h1 {
+ margin-left: 35px;
+}
+
+.container-left span {
+ margin-left: 20px;
+}
+
+.container-right {
+ display: flex;
+}
+
+.container-right__icons {
+ display: flex;
+}
+
+.container-right__icons li {
+ list-style-type: none;
+ margin-right: 35px;
+ align-self: center;
+}