diff --git a/index.css b/index.css
index 80a5a4fd5fcadcb9777245f1b3dd1f46db4ab60a..61b19db60455526db239d4908a2a100d7fa96484 100644
--- a/index.css
+++ b/index.css
@@ -13,28 +13,65 @@ h1 {
 
 #homePageJumbo {
     background-color:#002f6c;
+    height:100px;
     
     
     
     
 }
-
+.jumbotext {
+    text-align:center;
+    float:left;
+    width:33%;
+}
 #homepageTitle {
     color:#ffc915;
-    font-size:100px;
+    font-size:30px;
 }
-#homePageSlogan {
-    text-align:center;
+#homePageSlogan1 {
     color:#ffc915;
-    font-size:35px;
+    font-size:20px;
     font-style:italic;
     
 }
+#homePageSlogan2 {
+    color:#ffc915;
+    font-size:20px;
+    font-style:italic;
+    
+}
+.row {
 
 
-.clickables { 
-    cursor: pointer;
 }
-/*I added this, Sam */
+.clickables {
+    float:left;
+    width:20%;
+    height:400px;
+    opacity:75%;
+    border-style:solid;
+    border-color:black;
+    border-width:2px;
+}
 
+.resturants {
+    background-color:red;
+}
+.resturants:hover .clickables{
+    width:33%;
+    padding:105px;
+    
+}
+#classes {
+    background-color:blue;
+    
+}
+#professors {
+    background-color:purple;
+    
+}
+#dorms {
+    background-color:orange;
+    
+}
 /* implement cool thing on the slogan where it glows */
diff --git a/index.html b/index.html
index 54b1907f2cf86539838e563162e17221490a63ac..42846cac5c2578685dd47581d302243db06a1563 100644
--- a/index.html
+++ b/index.html
@@ -26,7 +26,7 @@
             <h2  class="jumbotext" id="homePageSlogan2" >By the Students </h2>
         </div>
         <div class="row">
-            <div class="clickables" id="restaurants">
+            <div class="clickables resturants">
                 </div>
             <div class="clickables" id="classes">
                 </div>
@@ -38,4 +38,4 @@
         </div>
         
     </body>
-</html>
+</html>
\ No newline at end of file