|
|
@@ -0,0 +1,68 @@
|
|
|
+html {
|
|
|
+ font-size: 3rem;
|
|
|
+ text-size-adjust: none;
|
|
|
+ -webkit-text-size-adjust: none;
|
|
|
+ -moz-text-size-adjust: none;
|
|
|
+ -ms-text-size-adjust: none;
|
|
|
+}
|
|
|
+@media screen and (min-width: 320px) {
|
|
|
+ html {
|
|
|
+ font-size: calc(3rem - 2 * ((100vw - 320px) / 680));
|
|
|
+ }
|
|
|
+}
|
|
|
+@media screen and (min-width: 1000px) {
|
|
|
+ html {
|
|
|
+ font-size: 1rem;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+html, body {
|
|
|
+ position: relative;
|
|
|
+ min-height: 100vh;
|
|
|
+ width: 100vw;
|
|
|
+ overflow-x: hidden;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ color: black;
|
|
|
+ background-color: white;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-family: Arial, Helvetica, sans-serif;
|
|
|
+ line-height: 1.15;
|
|
|
+}
|
|
|
+
|
|
|
+*, *:before, *:after {
|
|
|
+ box-sizing: inherit;
|
|
|
+ line-height: inherit;
|
|
|
+}
|
|
|
+
|
|
|
+header {
|
|
|
+ width: 100vw;
|
|
|
+ min-height: 7.5vh;
|
|
|
+ margin: 0;
|
|
|
+ padding: 1.5vh;
|
|
|
+ font-size: larger;
|
|
|
+ background-color: #c23350;
|
|
|
+ color: #eee;
|
|
|
+}
|
|
|
+
|
|
|
+header > h1 {
|
|
|
+ margin: 1.5vh 0;
|
|
|
+ font-size: larger;
|
|
|
+}
|
|
|
+
|
|
|
+#map {
|
|
|
+ width: 100vw;
|
|
|
+ height: 75vh;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+#teams {
|
|
|
+ width: 100vw;
|
|
|
+ min-height: 17.5vh;
|
|
|
+ margin: 0;
|
|
|
+ padding: 1.5vh;
|
|
|
+ font-size: medium;
|
|
|
+ background-color: #c23350;
|
|
|
+ color: #eee;
|
|
|
+}
|
