diff --git a/assets/seiten/css/design.css b/assets/seiten/css/design.css
index 4010a7c..cb29824 100644
--- a/assets/seiten/css/design.css
+++ b/assets/seiten/css/design.css
@@ -106,7 +106,28 @@ body{
height: 105%;
width: fit-content;
}
-
+#up-btn {
+ position: fixed;
+ text-align: center;
+ bottom: 1.2rem;
+ right: 18.5%;
+ left: 95%;
+ max-width: 75px;
+ width: 100%;
+ font-size: 1.3rem;
+ border: rgb(138,43,226);
+ background-color: #808080;
+ color: #232323;
+ padding: .5px;
+ border-radius: 4px;
+ text-decoration: none;
+}
+#up-btn:hover {
+ background-color: #232323;
+ cursor: pointer;
+ color: #808080;
+ transition: all 0.75s;
+}
/* Hauptseite */
.seite {
overflow: hidden;
diff --git a/assets/seiten/css/index.css b/assets/seiten/css/index.css
index b099595..ccde76f 100644
--- a/assets/seiten/css/index.css
+++ b/assets/seiten/css/index.css
@@ -13,8 +13,8 @@
padding: .5px;
border-radius: 4px;
text-decoration: none;
+ transition: all 0.75s;
}
-
#down-btn:hover,
#up-btn:hover {
background-color: #232323;
@@ -22,8 +22,8 @@
color: #808080;
transition: all 0.75s;
}
-
#down-btn {
+ transition: all 0.75s;
color: #121212;
background-color: #808080;
text-align: center;
@@ -38,7 +38,6 @@
border-radius: 4px;
text-decoration: none;
}
-
#content {
width: 100%;
height: 185%;
diff --git a/assets/seiten/css/shop.css b/assets/seiten/css/shop.css
index e69de29..2dcb8fb 100644
--- a/assets/seiten/css/shop.css
+++ b/assets/seiten/css/shop.css
@@ -0,0 +1,40 @@
+.hdline {
+ text-align: center;
+ color: rgba(200, 200, 200, 0.5);
+ font-size: 200%;
+ margin-top: 2%;
+}
+.item {
+ background-color: rgba(0, 0, 0, 0.12);
+ margin-top: 1%;
+ margin-left: 50%;
+ margin-right: 50%;
+ transform: translate(-50%, -50%);
+ border-radius: 1em;
+ border: 0.05em solid #121212;
+ width: 80%;
+ height: 25%;
+ transition: all 0.5s ease-in;
+}
+.item:hover {
+ transition: all 0.5s ease-in;
+ width: 81%;
+ height: 26%;
+}
+.top {
+ margin-top: 6.5%;
+}
+.shop-img img {
+ margin-left: 1%;
+ border-radius: 1em;
+ border: 0.05em solid #121212;
+ margin-top: 0.5%;
+ margin-bottom: 0.5%;
+ height: 90%;
+ width: 15%;
+}
+.shop-img a {
+ margin-left: 1%;
+ height: 90%;
+ width: 10%;
+}
diff --git a/assets/seiten/shop.html b/assets/seiten/shop.html
index 81ec3cb..066e362 100644
--- a/assets/seiten/shop.html
+++ b/assets/seiten/shop.html
@@ -20,21 +20,19 @@
Anmelden
-
-
- 
+