diff --git a/rosettastone/index.html b/rosettastone/index.html
new file mode 100644
index 0000000..57e3e84
--- /dev/null
+++ b/rosettastone/index.html
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/rosettastone/stylesheet.css b/rosettastone/stylesheet.css
new file mode 100644
index 0000000..8f6a55a
--- /dev/null
+++ b/rosettastone/stylesheet.css
@@ -0,0 +1,48 @@
+@import url(https://fonts.googleapis.com/css?family=Open+Sans);
+
+body{
+ background: #f2f2f2;
+ font-family: 'Open Sans', sans-serif;
+}
+
+.search {
+ width: 100%;
+ position: relative;
+ display: flex;
+}
+
+.searchTerm {
+ width: 100%;
+ border: 3px solid #00B4CC;
+ border-right: none;
+ padding: 5px;
+ height: 20px;
+ border-radius: 5px 0 0 5px;
+ outline: none;
+ color: #9DBFAF;
+}
+
+.searchTerm:focus{
+ color: #00B4CC;
+}
+
+.searchButton {
+ width: 40px;
+ height: 36px;
+ border: 1px solid #00B4CC;
+ background: #00B4CC;
+ text-align: center;
+ color: #fff;
+ border-radius: 0 5px 5px 0;
+ cursor: pointer;
+ font-size: 20px;
+}
+
+/*Resize the wrap to see the search bar change!*/
+.wrap{
+ width: 30%;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
\ No newline at end of file