+
+
+
+
-
-
-
-
-
+
+
-
-
-
-
diff --git a/static/css/style.css b/static/css/style.css
index 185d9dc..b934bba 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -4,7 +4,7 @@
@import url('https://fonts.googleapis.com/css2?family=Asul&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Walter+Turncoat&display=swap');
* {
- border: 0px black solid;
+ border: 1px black solid;
}
body {
@@ -61,14 +61,15 @@ body {
/* Audio in background */
.audioBG {
- padding-top: 10px;
+ margin-top: 35px;
+ margin-left: 50px;
}
button {
background-color: #fff0f000;
}
#dur1 {
- padding-top: 18px;
+margin-top: 40px;
}
.audio-button {
background: transparent;
@@ -152,7 +153,7 @@ a {
#box1 {
height: 15px;
width: 15px;
- margin-left : 10px;
+ margin-left : 58px;
margin-top: 5px;
display: inline-block;
color: #d81159;
@@ -297,19 +298,7 @@ h2 {
/* circles */
-#first_circle {
- width: 100%;
- height: 100%;
-}
-
-#second_circle {
- width: 100%;
- height: 100%;
-}
-
-@media all and (max-width: 350px) {
-}
.draggable {
position: absolute;
cursor: move;
@@ -465,8 +454,6 @@ color: #d81159;
left: 20%;
}
-
-
/*d3 map*/
.link {
stroke: #c46666;
@@ -485,3 +472,17 @@ color: #d81159;
display: inline;
/* box-shadow: 5px 0 0px 0px #bedbbb, -5px 0 0px 0px #bedbbb; */
}
+
+/*media*/
+
+@media (max-width: 770px) {
+ #menu {
+ text-align: center;
+ }
+
+ .map_legend p {
+ font-size: 0.8em;
+ }
+
+
+}