diff --git a/index.html b/index.html
index 2543dff7..b3144a9e 100644
--- a/index.html
+++ b/index.html
@@ -27,9 +27,27 @@
}
#app {
- width: 80%;
+ max-width: 80%;
}
+ #logo {
+ max-width: 80%;
+ margin-bottom: 2rem;
+ }
+
+ @media (max-width: 600px) {
+ #app {
+ max-width: 90%;
+ }
+
+ #github-fork {
+ max-width: 6.5rem;
+ }
+
+ .tour {
+ max-width: 18rem;
+ }
+ }
.tour {
position:absolute;
@@ -39,7 +57,6 @@
}
.tour.showing {
-
opacity: 1;
}
@@ -53,6 +70,10 @@
height: 2rem;
}
+ #tourSoundButton img{
+ transform: rotate(15deg);
+ }
+
#tourShufflerButtons img, #tourSorterMethods img {
transform: rotate(180deg);
}
@@ -60,6 +81,7 @@
#tourShufflerButtons div {
width: 20rem;
}
+
@@ -68,9 +90,9 @@
- 
+
- 
+