diff --git a/style/styles.css b/style/styles.css index 690cfbb..5477532 100644 --- a/style/styles.css +++ b/style/styles.css @@ -78,20 +78,21 @@ footer { height: 100%; width: 0; /* Hidden by default */ position: fixed; + padding-top: 90px; z-index: 1; top: 0; right: 0; background-color: #111; overflow-x: hidden; overflow-y: hidden; - transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */ + transition: 0.7s; /* 0.5 second transition effect to slide in the sidebar */ } /* The sidebar links */ .sidebar a { padding: 8px 8px 8px 8px; margin-left: 20px; - margin-top: 30px; + margin-top: 10px; font-family: oxygen, sans-serif; font-weight: 300; text-decoration: none; @@ -99,7 +100,7 @@ footer { font-size: 25px; color: #bcbcbc; display: block; - transition: 0.3s; + transition: 0.7s; } /* When you mouse over the navigation links, change their color */ @@ -110,8 +111,8 @@ footer { /* Position and style the close button (top right corner) */ .sidebar .close { position: absolute; - top: 0; - right: 25px; + top: -10px; + right: 20px; font-size: 36px; margin-left: 50px; }