/* Reset default browser styles */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Verdana; line-height: 1.8; color: #333; background-color: #f4f4f4; } /* Header */ header { background: #35424a; color: white; padding: 1rem 0; text-align: center; } header nav a { color: white; margin: 0 10px; text-decoration: none; } header nav a:hover { text-decoration: underline; } /* Main Content */ main { max-width: 900px; margin: 20px auto; padding: 0 15px; } /* Footer */ footer { background: #35424a; color: white; text-align: center; padding: 1rem 0; margin-top: 20px; } /* Responsive Design */ @media (max-width: 600px) { header nav { display: flex; flex-direction: column; } header nav a { margin: 5px 0; } } /* Toms eigene CSS Button mit Effekt */ .myButton { width: 320px; height: 60px; font-size: 14px; color: #b2ff24; background: #8d8d8f; border: 2px solid #ffe4b5; border-radius: 20px; font-family: verdana; transition: all 0.25s ease; } .myButton:hover { color: #000000; background: #FFE4B5; border-color: #006c29; border-radius: 20px; } /* Toms übernommener Rahmen mit abgerundete Ecken, kann so nicht aus dem .css File herausgeholt werden. Muss im der betreffenden Webseite stehen zumindst mit meinem CS Halbwissen */