diff --git a/index.html b/index.html
index 864c8e4..444ff40 100644
--- a/index.html
+++ b/index.html
@@ -18,13 +18,25 @@
diff --git a/styles/main.css b/styles/main.css
index 76a12f0..3a8e31c 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -63,6 +63,36 @@ body {
align-items: baseline;
}
+.dropdown-menu {
+ display: inline-block;
+}
+
+.dropdown-menu-content {
+ display: none;
+ position: absolute;
+ right: 0;
+ background-color: #f9f9f9;
+ min-width: 160px;
+ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+ z-index: 1;
+}
+
+.dropdown-menu-content a {
+ color: black;
+ padding: 12px 16;
+ text-decoration: none;
+ display: block;
+ text-align: left;
+}
+
+.dropdown-menu-content a:hover {
+ background-color: #f1f1f1;
+}
+
+.dropdown-menu:hover .dropdown-menu-content {
+ display: block;
+}
+
/* MAIN CONTENT --------------------------------------------*/
.main-content {