diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..68a483e
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,94 @@
+body {
+	background-color: #FCFB7D;
+}
+
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: white;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+}
+
+.tool2 {
+    display: block;
+    color: black;
+    text-align: center;
+    padding: 15px;
+    text-decoration: none;
+    font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Goergia, serif;
+    padding-left:52%;
+}
+
+li {
+    float: left;
+}
+
+li a {
+    display: block;
+    color: black;
+    text-align: center;
+    padding: 15px;
+    text-decoration: none;
+    font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Goergia, serif;
+}
+li a:hover {
+    background-color: #111;
+    color:white;
+}
+
+li a:hover:not(.active) {
+    background-color: #111;
+    color:white;
+}
+
+.active {
+    background-color: #DAF7A6;
+}
+
+.coverimg {
+	padding-top: 7%;
+}
+.moviespic {
+    height: 63%;
+    width:20%;
+    padding-left:20%;
+    padding-top:6%;
+}
+.wrapper {
+    text-align:center;
+    font-family:font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Goergia, serif;
+    font-size:140%;
+}
+.button {
+    top:50%;
+    right:50%;
+}
+.image {
+    padding-left:10%;
+}
+.header {
+    font-family:font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Goergia, serif;
+    color:black;
+    text-align:center;
+    font-size:200%;
+}
+.text {
+    font-family:font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Goergia, serif;
+    font-size:140%;
+    color:black;
+    width:50%;
+    float:left;
+    padding-left:8%;
+}
+.brightness {
+    display: inline-block;
+
+}
+.brightness img:hover {
+    opacity: .5;
+}