diff --git a/index.css b/index.css
new file mode 100644
index 0000000..c284574
--- /dev/null
+++ b/index.css
@@ -0,0 +1,74 @@
+body {
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ background-color: #03071e;
+ color: #EAE2B7;
+}
+
+a {
+ color: inherit;
+ font-size: 150%;
+ text-decoration: none;
+}
+
+h3 {
+ font-size: 250%;
+}
+
+p {
+ font-size: 175%;
+}
+
+.articles {
+ margin: auto;
+ width: 50%;
+ padding: 10px;
+ font-family: 'Roboto', sans-serif;
+}
+
+.article:hover {
+ color: white;
+}
+
+.header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ font-family: 'Roboto', sans-serif
+}
+
+.navigation {
+ background-color: inherit;
+ color: inherit;
+ font-family: 'Roboto', sans-serif;
+ width: 100%;
+ height: 100px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.navigation a {
+ padding: 2%;
+ font-size: 250%;
+ font-weight: bolder;
+
+}
+
+.foot {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ width: 100%;
+}
+
+.foot a {
+ font-family: "Roboto", sans-serif;
+ font-weight: bolder;
+ padding-left: 20%;
+ padding-right: 20%;
+}
+
+/*# sourceMappingURL=index.css.map */
diff --git a/index.css.map b/index.css.map
new file mode 100644
index 0000000..1fd8388
--- /dev/null
+++ b/index.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAMA,IAAI;EACF,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;;AAExB,OAAO;EACL,gBAAgB,EAbC,OAAO;EAcxB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,KAAK;EACb,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;EACnB,eAAe,EAAE,QAAQ;;AAE3B,EAAE;EACA,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,GAAG;EACnB,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,IAAI;EAEhB,KAAE;IACA,aAAa,EAAE,IAAI;;AAEvB,EAAE;EACA,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,UAAU,EAAE,QAAQ",
+"sources": ["index.sass"],
+"names": [],
+"file": "index.css"
+}
diff --git a/index.sass b/index.sass
new file mode 100644
index 0000000..bd2a60a
--- /dev/null
+++ b/index.sass
@@ -0,0 +1,33 @@
+$background-color: #EAE2B7
+$text-color: #003049
+$secondary-text-color: #F77F00
+$primary-color: #D62828
+$secondary-color: #F77F00
+
+body
+ margin: 0
+ padding: 0
+ display: flex
+ flex-direction: column
+
+.header
+ background-color: $background-color
+ width: 100%
+ height: 100px
+ display: flex
+ align-items: center
+ justify-content: flex-end
+
+ul
+ display: flex
+ flex-direction: row
+ font-size: 20px
+ list-style: none
+
+ li
+ padding-right: 30px
+
+ol
+ display: flex
+ flex-direction: column
+ list-style: georgian
diff --git a/landingpage.html b/landingpage.html
new file mode 100644
index 0000000..1cec404
--- /dev/null
+++ b/landingpage.html
@@ -0,0 +1,113 @@
+
+
+
+
+
+ THE ADVERSARY
+
+
+
+
+
+
+
+
+
+
+
+
+