diff --git a/static/css/style.css b/static/css/style.css index ac39caf..dad8df9 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1,195 +1,4 @@ /* Reset und grundlegende Stile */ -/* -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -body { - font-family: 'Arial', sans-serif; - background-color: #0a0b1e; - color: #fff; - line-height: 1.6; - overflow-x: hidden; -} - -header { - background: #1d1d2b; - padding: 20px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); - position: sticky; - top: 0; - z-index: 1000; -} - -header nav ul { - list-style: none; - display: flex; - justify-content: center; - align-items: center; -} - -header nav ul li { - margin: 0 20px; -} - -header nav ul li a { - color: #fff; - font-size: 18px; - text-decoration: none; - transition: color 0.3s; -} - -header nav ul li a:hover { - color: #00d8ff; -} - -footer { - background-color: #1d1d2b; - padding: 20px; - text-align: center; - font-size: 14px; - color: #aaa; - position: fixed; - width: 100%; - bottom: 0; -} - -h1, h2, h3 { - font-size: 2.5em; - color: #00d8ff; - text-align: center; - margin: 20px 0; -} -*/ -/* Animierte Hintergründe */ -/* -body::after { - content: ''; - background: url('https://www.w3schools.com/w3images/space.jpg') no-repeat center center fixed; - background-size: cover; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; - opacity: 0.5; - animation: backgroundAnimation 30s linear infinite; -} - -@keyframes backgroundAnimation { - 0% { background-position: 0 0; } - 100% { background-position: 100% 100%; } -} -*/ -/* Abschnitte */ -/* -section { - margin: 40px auto; - padding: 20px; - max-width: 1200px; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 10px; - box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); -} - -h2 { - color: #00d8ff; - font-size: 2em; - text-align: center; - margin-bottom: 20px; -} - -*/ -/* Cards Layout */ -/* -.card { - background: rgba(0, 0, 0, 0.3); - margin: 20px; - padding: 20px; - border-radius: 8px; - transition: transform 0.3s, background 0.3s; - width: 300px; - text-align: center; -} - -.card:hover { - transform: scale(1.05); - background: rgba(0, 0, 0, 0.5); -} - -.card img { - width: 100%; - height: auto; - border-radius: 8px; - transition: transform 0.3s; -} - -.card img:hover { - transform: scale(1.1); -} - -.card h3 { - color: #fff; - margin-top: 10px; - font-size: 1.5em; -} - -.card p { - font-size: 1.1em; - color: #aaa; -} -*/ -/* Buttons */ -/* -button { - background-color: #00d8ff; - padding: 15px 30px; - border: none; - border-radius: 5px; - color: #fff; - font-size: 16px; - cursor: pointer; - transition: background-color 0.3s; -} - -button:hover { - background-color: #009cba; -} - -*/ -/* - -form { - display: flex; - flex-direction: column; - margin-top: 20px; -} - -input, textarea { - padding: 10px; - margin: 10px 0; - border: 1px solid #00d8ff; - border-radius: 5px; - background: transparent; - color: #fff; -} - -input[type="submit"] { - background-color: #00d8ff; - cursor: pointer; -} - -input[type="submit"]:hover { - background-color: #009cba; -} -*/ - - -/* Reset und grundlegende Stile */ -/* Reset und grundlegende Stile */ * { margin: 0; padding: 0; @@ -294,9 +103,8 @@ h2 { #features { display: flex; flex-wrap: wrap; - justify-content: center; /* Zentriert die Karten horizontal */ - gap: 20px; /* Abstand zwischen den Karten */ - margin-top: 20px; /* Abstand nach oben */ + justify-content: center; + gap: 20px; } #features .card { @@ -372,8 +180,3 @@ input[type="submit"] { input[type="submit"]:hover { background-color: #009cba; } - - -input[type="submit"]:hover { - background-color: #009cba; -}