diff --git a/css/main.css b/css/main.css index 1b19fb1..483ae54 100644 --- a/css/main.css +++ b/css/main.css @@ -1,42 +1,54 @@ /* Add a black background color to the top navigation */ .topnav { - padding: 2px 125px; background: linear-gradient(to bottom, lightgrey, white); overflow: hidden; border: 1px solid lightgrey; } +.topnav ul, .topnav li { + list-style: none; +} .topnav ul { display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; } -.topnav li { - margin: 5px; +.topnav .wambo { /* der bereich der den content hält : brauchen wir für die flexbox*/ + display: flex; } - -.pic{ - display: block; +.topnav .pic-wrapper, .topnav a { height: 75px; + line-height: 75px; } - -.pic:hover { - transform: translateY(-80px); +/* geht auch ohne .topnav .pic-wrapper { + overflow: hidden; +}*/ +.topnav a { + display: block; + padding: 0px 15px; + transition: 0.5s all ease; + padding-top: 12px; + box-sizing: border-box; } +.topnav a:hover { + background: lightgrey; -.icon { - padding: 16px; +} +.topnav .pic-wrapper { + margin-right: 15px; /* abstand zu