index.css (941B)
1 body { 2 background-color: #282A36; 3 color: #F8F8F2; 4 font-family: monospace; 5 font-size: 24px; 6 } 7 8 .navbar { 9 top: 0; 10 left: 0; 11 width: 100%; 12 margin: 0; 13 height: 50px; 14 align-items: center; 15 display: flex; 16 position: fixed; 17 color: #f2f2f2; 18 box-shadow: 0 5px 10px 0 rgba(0,0,0,.15); 19 } 20 21 .navbar ul { 22 list-style: none; 23 padding: 0; 24 } 25 26 .navbar li { 27 display: inline-block; 28 } 29 30 .navbar li a { 31 display: block; 32 padding: 8px; 33 color: #f2f2f2; 34 text-decoration: none; 35 } 36 37 .navbar li a:hover { 38 color: #bd93f9; 39 } 40 41 .nav_projects { 42 position: relative; 43 display: inline-block; 44 } 45 46 .nav_projects_dropdown { 47 display: none; 48 position: absolute; 49 float: left; 50 background-color: #282A36; 51 min-width: 160px; 52 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 53 padding: 12px 16px; 54 z-index: 1; 55 } 56 57 .nav_projects:hover .nav_projects_dropdown { 58 display: block; 59 }