Moved popup styles to base.css

static/css/base.css

@@ -185,3 +185,27 @@ a.underline:hover:not(.btn) {
 .btn .fa {
 	margin-left: 10px;
 }
+
+
+
+/* Popups */
+.popup {
+	background: #111;
+	padding: 3vw;
+	border-radius: 2vw;
+	z-index: 50;
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+}
+.popup h1 {
+	display: inline-block;
+}
+.popup p {
+	margin: 0;
+}
+.popup .close {
+	cursor: pointer;
+	float: right;
+}

views/map.html

@@ -45,29 +45,7 @@
 {% block main %}
 
 	{% if user and newuserurl %}
-	<div id='welcome'>
-	<style>
-		#welcome {
-			background: #111;
-			padding: 3vw;
-			border-radius: 2vw;
-			z-index: 50;
-			position: absolute;
-			top: 50%;
-			left: 50%;
-			transform: translate(-50%, -50%);
-		}
-		#welcome h1 {
-			display: inline-block;
-		}
-		#welcome p {
-			margin: 0;
-		}
-		#welcome .close {
-			cursor: pointer;
-			float: right;
-		}
-	</style>
+	<div id='welcome' class='popup'>
 	
 		<h1>Welcome!</h1>
 		<span class='close' onclick="$('#welcome').hide();">✖️</span>