diff --git a/index.html b/index.html
new file mode 100644
index 0000000..316a882
--- /dev/null
+++ b/index.html
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
+Home
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..43ad9e5
--- /dev/null
+++ b/style.css
@@ -0,0 +1,64 @@
+@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');
+*
+{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: 'Poppins', sans-serif;
+}
+body{
+ width: 100%;
+ align-items: center;
+ transition: ease-in-out 200ms;
+ z-index: 2;
+}
+#header{
+ width: 100%;
+ padding: 5% 10%;
+ justify-content: space-between;
+ align-items: center;
+ background-color: #0fa00f;
+}
+#header h1{
+ text-align: center;
+ font-size: 4em;
+ font-weight: 800;
+ line-height: 1em;
+ text-transform: uppercase;
+ color: #fff;
+ padding: 80px 0;
+}
+.section{
+ padding: 50px 95px;
+}
+.section h3{
+ line-height: 40px;
+ font-size: 1.4em;
+}
+.section hr{
+ width: 200px;
+ border: 0.5px solid #000;
+ margin-bottom: 7px;
+}
+.section p{
+ line-height: 2;
+}
+a{
+ text-decoration: none;
+ color: #000;
+ transition: ease-in-out 200ms;
+}
+.section a:hover{
+ opacity: 0.7;
+ color: #0fa00f;
+}
+@media screen and (max-width: 720px) {
+ #header{
+ padding-left: 10%;
+ padding-right: 10%;
+ }
+ .section{
+ padding-left: 10%;
+ padding-right: 10%;
+ }
+}
\ No newline at end of file