diff --git a/Styles/style.css b/Styles/style.css index b099aa6..8417f71 100644 --- a/Styles/style.css +++ b/Styles/style.css @@ -59,8 +59,33 @@ section { height: 100vh; } +#openingHours { + background: linear-gradient(90deg, rgb(0, 159, 155), rgb(157, 254, 175)); +} + +.glass { + padding: 30px; + background: rgba(255, 255, 255, 0.2); + border-radius: 16px; + box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + + /* Animation */ + scale: .8; + opacity: 0; + animation: fade-in linear forwards; + animation-timeline: view(); + animation-range: entry; +} + +.table>:not(caption)>*>* { + background-color: transparent !important; + border-bottom-width: 0 !important; +} + footer { - height: 240px; + height: 160px; } .swiper { @@ -71,3 +96,7 @@ footer { .swiper-pagination-bullet { background-color: rgba(0, 0, 0, 1) !important } + +@keyframes fade-in { + to { scale: 1; opacity: 1;} +} diff --git a/index.html b/index.html index dd15c57..1659076 100644 --- a/index.html +++ b/index.html @@ -11,24 +11,21 @@ - - +
@@ -56,11 +53,11 @@
-
-
-

Öffnungszeiten

+
+
+

Öffnungszeiten


- +
@@ -93,7 +90,7 @@
- +
  • Tag