diff --git a/index.html b/index.html
index ba286f9..97a1131 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,6 @@
-
Epic-Sax
diff --git a/inhalte/designes/impressum.css b/inhalte/designes/impressum.css
index 4c1b0ca..0d42bac 100644
--- a/inhalte/designes/impressum.css
+++ b/inhalte/designes/impressum.css
@@ -1,15 +1,13 @@
* {
margin: 0;
padding: 0;
-
- font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
+ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
h1 {
position: absolute;
top: 10%;
left: 5%;
-
font-size: 10vh;
}
@@ -18,9 +16,9 @@ p {
top: 50%;
left: 50%;
transform: translate3D(-50%, -50%, 0);
-
font-size: 5vh;
}
+
.button {
background-color: grey;
border: none;
@@ -31,11 +29,13 @@ p {
display: inline-block;
font-size: 16px;
cursor: pointer;
- }
- .button:hover {
+}
+
+.button:hover {
background-color: lightgray;
color: white;
- }
- .mailto{
- color: grey;
- }
\ No newline at end of file
+}
+
+.mailto {
+ color: grey;
+}
\ No newline at end of file
diff --git a/inhalte/designes/index.css b/inhalte/designes/index.css
index 8a45a68..a785c82 100644
--- a/inhalte/designes/index.css
+++ b/inhalte/designes/index.css
@@ -1,8 +1,7 @@
* {
margin: 0;
padding: 0;
-
- font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
+ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
a {
@@ -14,8 +13,6 @@ div.page {
position: relative;
width: 100%;
height: 100%;
-
-
}
/*### HOME #########################################################################*/
@@ -24,39 +21,37 @@ div.page.home {
text-align: center;
}
-div.page.home > div.title {
+div.page.home>div.title {
position: absolute;
top: 45%;
width: 100%;
transform: translateY(-50%);
}
-div.title > h1 {
+div.title>h1 {
font-size: 20vh;
}
-div.title > h2 {
+div.title>h2 {
font-size: 4vh;
}
/*### HISTORY #########################################################################*/
-div.page.history > h1 {
+div.page.history>h1 {
position: absolute;
top: 10%;
left: 5%;
-
font-size: 10vh;
}
-div.page.history > p {
+div.page.history>p {
position: absolute;
top: 55%;
left: 50%;
min-width: 700px;
width: 60%;
transform: translate3D(-50%, -50%, 0);
-
font-size: 3vh;
hyphens: auto;
text-align: justify
@@ -64,26 +59,24 @@ div.page.history > p {
/*### EXPLORE #########################################################################*/
-div.page.explore > h1 {
+div.page.explore>h1 {
position: absolute;
top: 10%;
width: 100%;
-
text-align: center;
font-size: 8vh;
}
-div.page.explore > a {
+div.page.explore>a {
position: absolute;
left: 50%;
bottom: 4%;
transform: translateX(-50%);
-
text-align: center;
font-size: 2vh;
}
-div.page.explore > div.saxophones {
+div.page.explore>div.saxophones {
padding-top: 38vh;
display: grid;
place-items: center;
@@ -94,51 +87,45 @@ div.saxophones div.saxophone {
padding: 4vw;
width: 12vw;
height: 12vw;
-
transition: 150ms ease-in-out;
}
-div.saxophones div.saxophone > p {
+div.saxophones div.saxophone>p {
margin: 8vh 0;
-
color: white;
text-align: center;
font-size: 3vh;
font-weight: bold;
-
transition: inherit;
}
-div.saxophones div.saxophone:hover > p {
+div.saxophones div.saxophone:hover>p {
color: black;
}
-
div.saxophones div.saxophone:hover {
padding: 3vw;
width: 12vw;
height: 12vw;
-
cursor: pointer;
-
border-radius: 50%;
background-color: #F5F5F5;
}
-div.saxophones div.saxophone > img {
+div.saxophones div.saxophone>img {
width: inherit;
height: inherit;
}
/*#### scroll #### */
-.arrow::before{
+.arrow::before {
content: '\25bc';
cursor: pointer;
color: grey;
position: absolute;
opacity: 0.8;
- text-shadow: 0 0 .5rem rgba(0,0,0,0.5);
+ text-shadow: 0 0 .5rem rgba(0, 0, 0, 0.5);
width: 6rem;
font-size: 2rem;
height: 4rem;
@@ -148,13 +135,13 @@ div.saxophones div.saxophone > img {
margin-left: -3rem;
left: 50%;
animation: bounce 1s ease infinite;
- }
-
- @keyframes bounce {
+}
+
+@keyframes bounce {
50% {
- transform: translateY(-50%);
+ transform: translateY(-50%);
}
100% {
- transform: translateY(0);
+ transform: translateY(0);
}
- }
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/inhalte/designes/saxophone.css b/inhalte/designes/saxophone.css
index 1ee2a8c..093d05e 100644
--- a/inhalte/designes/saxophone.css
+++ b/inhalte/designes/saxophone.css
@@ -1,22 +1,19 @@
* {
margin: 0;
padding: 0;
-
- font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
+ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
h1 {
position: absolute;
top: 10%;
left: 5%;
-
font-size: 10vh;
}
img {
width: 25vw;
height: 25vw;
-
position: absolute;
top: 55%;
left: 20%;
@@ -28,7 +25,6 @@ p {
top: 50%;
left: 60%;
transform: translate3D(-50%, -50%, 0);
-
font-size: 3vh;
hyphens: auto;
text-align: justify
@@ -44,7 +40,6 @@ a.buy {
bottom: 20%;
left: 60%;
transform: translate3D(-50%, -50%, 0);
-
font-size: 4vh;
font-weight: bold;
}
@@ -54,7 +49,6 @@ a.quelle {
bottom: 15%;
left: 20%;
transform: translate3D(-50%, -50%, 0);
-
text-align: center;
font-size: 2vh;
}
@@ -69,8 +63,9 @@ a.quelle {
display: inline-block;
font-size: 16px;
cursor: pointer;
- }
- .button:hover {
+}
+
+.button:hover {
background-color: lightgray;
color: white;
- }
\ No newline at end of file
+}
\ No newline at end of file