diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..d1da9c6
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,7 @@
+:root {
+ --red : rgb(238, 77, 48);
+}
+
+body{
+ color: var(--red);
+}
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..b29bd1c
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+ Crunch
+
+
+
+
{% block title %}{% endblock %}
+
+ {% block content %}{% endblock %}
+
+
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 653deba..8101671 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1 +1,7 @@
-
hello
\ No newline at end of file
+{% extends 'base.html' %}
+
+{% block title %} Critical evaluation of crunchiness {% endblock %}
+
+{% block content %}
+
+{% endblock %}
\ No newline at end of file