diff --git a/css/styles.css b/css/styles.css index 89bd2a8..81bed82 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1,8 +1,51 @@ - body{ font-family: 'Syncopate', sans-serif; } +#navmenu{ + text-align: center; +} + +.navi{ + font-size: 25px; + font-weight: bold; + margin: 70px; + position: relative; + display: inline-block; +} + +.navi:hover{ + color: red; +} + +.inner{ + font-size: 20px; + display: none; + position: absolute; + color: cornflowerblue; + text-decoration: none; + text-align: center; +} + +#banner{ + background-image: url("https://edge.alluremedia.com.au/m/l/2016/11/HiRes-5.jpg"); + height: 500px; + background-repeat: no-repeat; + background-position: center; +} + + + + +span{ + color: cornflowerblue; +} + +#newMenu{ + margin: 20px; + padding: 20px; +} + #descrip{ font-weight: bold; font-size: 20px; @@ -18,6 +61,10 @@ body{ padding: 20px; } +.name:hover{ + background-color: cornflowerblue; + color: yellow; +} img{ width: 200px; @@ -26,5 +73,32 @@ img{ margin-top: 5px; } +#socialMedia{ + margin-top: 20px; +} + +.rank{ + border: 2px solid black; + display: block; + margin-top: 20px; +} +.rank:hover{ + border: 2px solid cornflowerblue; +} + +.mcd, .descrip, .thumb{ + padding: 15px; +} + +.descrip{ + font-size: 20px; +} + + +#footer{ + text-align: center; + background-color: cornflowerblue; + padding: 20px; +} diff --git a/index.html b/index.html index 488134b..b43cb50 100644 --- a/index.html +++ b/index.html @@ -4,10 +4,25 @@
Click on your favorite restaurant to unlock the secret menu item.
Rate "This" Week's Losers
+