@import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&family=Great+Vibes&family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;1,200;1,300;1,400;1,500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Anonymous+Pro');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
@import url('https://fonts.googleapis.com/css?family=Major+Mono+Display|Roboto+Mono:400,500,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Jura:wght@300;400;600;700&family=Ubuntu+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Nova+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Questrial&family=Raleway:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;500;600;700&family=Varela+Round&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@300;400;700&family=Comfortaa:wght@500;600;700&family=Play:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,800');

/*
font-family: 'Charm', cursive;
font-family: 'Great Vibes', cursive;
font-family: 'Montserrat', sans-serif;
font-family: 'Fira Mono', monospace;
font-family: 'Roboto Mono', monospace; 
font-family: 'Anonymous Pro', monospace;
font-family: 'Satisfy', cursive;
font-family: 'Rubik', sans-serif;
font-family: 'Jura', sans-serif;
font-family: 'Questrial', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'JetBrains Mono', monospace;
font-family: 'Nova Mono', monospace;
font-family: 'Arimo', sans-serif;
font-family: 'Varela Round', sans-serif;
font-family: 'Chivo', sans-serif;
font-family: 'Comfortaa', cursive;
font-family: 'Play', sans-serif;
font-family: "IBM Plex Sans", sans-serif;
*/
/**************************************

 *********************************/
/******************************************************
**
** SHAPES
**
******************************************************/
html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}

#map {
	height: 25%;
	padding: 15vh 30%;
}

#description {
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
}

#infowindow-content .title {
	font-weight: bold;
}

#infowindow-content {
	display: none;
}

#map #infowindow-content {
	display: inline;
}

#right-panel {
	font-family: "Roboto", "sans-serif";
	line-height: 30px;
	padding-left: 10px;
}

#right-panel select,
#right-panel input {
	font-size: 15px;
}

#right-panel select {
	width: 100%;
}

#right-panel i {
	font-size: 12px;
}

#right-panel {
	height: 100%;
	float: right;
	width: 390px;
	overflow: auto;
}

#map {
	margin-right: 400px;
}

#floating-panel {
	background: #fff;
	padding: 5px;
	font-size: 14px;
	font-family: "Roboto", "sans-serif";
	border: 1px solid #ccc;
	box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
	display: none;
}

#ac-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .6);
	z-index: 1001;
}

#popup {
	width: 555px;
	height: 375px;
	background: #FFFFFF;
	border: 5px solid #000;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	box-shadow: #64686e 0px 0px 3px 3px;
	-moz-box-shadow: #64686e 0px 0px 3px 3px;
	-webkit-box-shadow: #64686e 0px 0px 3px 3px;
	position: relative;
	top: 150px;
	left: 375px;
}

@media print {
	#map {
		height: 500px;
		margin: 0;
	}

	#right-panel {
		float: none;
		width: auto;
	}
}

.pac-card {
	margin: 10px 10px 0 0;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	background-color: #fff;
	font-family: Roboto;
}

#pac-container {
	padding-bottom: 12px;
	margin-right: 12px;
}

.pac-controls {
	display: inline-block;
	padding: 5px 11px;
}

.pac-controls label {
	font-family: Roboto;
	font-size: 13px;
	font-weight: 300;
}

#pac-input {
	background-color: #fff;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
	margin-left: 12px;
	padding: 0 11px 0 13px;
	text-overflow: ellipsis;
	width: 400px;
}

#pac-input:focus {
	border-color: #4d90fe;
}

#title {
	color: #fff;
	background-color: #4d90fe;
	font-size: 25px;
	font-weight: 500;
	padding: 6px 12px;
}


.qfs-head-title {
	font-family: 'JetBrains Mono', monospace;
	color: #fd1f1a;
	font-size: 32px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 0 2px black;
}

.qfme-head-1 {
	font-family: 'Rubik', sans-serif;
	color: #074786;
	font-size: 32px;
	font-style: normal;
	font-weight: bolder;
	text-transform: uppercase;
}

.qfme-head-1a {
	font-family: 'Montserrat', sans-serif;
	color: #007ed4;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	text-transform: capitalize;
}


.qfs-text-1 {
	color: #4ca4ec;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.15vmax;
	font-style: normal;
	font-weight: 600;
	text-transform: none;
}

.qfs-text-1r {
	color: #fd1f1a;
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 1.2vmax;
	font-style: normal;
	font-weight: 700;
	text-transform: none;
}

.qfs-text-2 {
	color: #cfff20;
	font-family: 'Rubik', sans-serif;
	font-size: 1.15vmax;
	font-style: normal;
	font-weight: 600;
	text-transform: none;
}

.qfs-text-3 {
	color: #c0c0c0;
	font-family: 'Jura', sans-serif;
	line-height: 1vmax;
	font-size: 0.85vmax;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
}

.qfs-text-3r {
	color: #f6a1a1;
	font-family: 'Jura', sans-serif;
	line-height: 1vmax;
	font-size: 0.85vmax;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
}

.qfs-text-3blue {
	color: #c7e2f5;
	font-family: 'Jura', sans-serif;
	line-height: 1vmax;
	font-size: 0.95vmax;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
}

.qfs-text-4 {
	color: #c0c0c0;
	font-family: "IBM Plex Sans", sans-serif;
	line-height: 1.1vmax;
	font-size: 0.9vmax;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
}

.qfs-text-4small {
	color: #e5b7b7;
	font-family: "IBM Plex Sans", sans-serif;
	line-height: 0.9vmax;
	font-size: 0.8vmax;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
}

.qfs-text-4a {
	color: #4190f7;
	font-family: "IBM Plex Sans", sans-serif;
	line-height: 1.1vmax;
	font-size: 0.9vmax;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
}

.qfs-text-4b {
	color: #4190f7;
	font-family: "IBM Plex Sans", sans-serif;
	line-height: 1.1vmax;
	font-size: 0.9vmax;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
}

.qfs-text-4c {
	color: #8f8f8f;
	font-family: "IBM Plex Sans", sans-serif;
	line-height: 1vmax;
	font-size: 0.8vmax;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
}

.qfs-text-4h1 {
	color: #8cc5ff;
	font-family: "IBM Plex Sans", sans-serif;
	line-height: 1vmax;
	font-size: 0.9vmax;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
}

.qfs-text-4h2 {
	color: #79a1cb;
	font-family: "IBM Plex Sans", sans-serif;
	line-height: 1vmax;
	font-size: 0.8vmax;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
}

.qfs-link-1 {
	color: #4190f7;
	font-family: 'Jura', sans-serif;
	line-height: 0.9vmin;
	font-size: 0.9vmax;
	font-style: normal;
	font-weight: 800;
	text-transform: none;
	cursor: pointer;
	transition: 400ms all ease-in-out;
}

.qfs-link-1:hover {
	color: #79b4ff;
	font-family: 'Jura', sans-serif;
	line-height: 0.9vmin;
	font-size: 0.9vmax;
	font-style: normal;
	font-weight: 800;
	text-decoration: underline;
	border-top: 3px solid whitesmoke;
	border-bottom: 3px solid whitesmoke;
	cursor: pointer;
	transition: 400ms all ease-in-out;
}

.qfme-sub-head-1c {
	font-family: 'Rubik', sans-serif;
	color: #1469b1;
	font-size: 13px;
	line-height: 18px;
	font-style: normal;
	font-weight: 500;
	text-transform: capitalize;
}

.qfme-sub-head-1cc {
	font-family: 'Rubik', sans-serif;
	color: #1469b1;
	font-size: 12px;
	line-height: 16px;
	font-style: normal;
	font-weight: 500;
	text-transform: capitalize;
}

.qfme-sub-head-1d {
	font-family: 'Rubik', sans-serif;
	color: #104572;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
}

.qfme-sub-head-1e {
	font-family: 'Rubik', sans-serif;
	color: #104572;
	font-size: 16px;
	line-height: 18px;
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
}

.qfme-sub-head-1e1 {
	font-family: 'Montserrat', sans-serif;
	color: #226caa;
	font-size: 13.5px;
	line-height: 13px;
	font-style: normal;
	letter-spacing: -0.5px;
	font-weight: 500;
	text-shadow: 0 0 1px black;
	text-transform: uppercase;
}

.qfme-sub-head-1e-ta {
	font-family: 'Jura', sans-serif;
	color: #525353;
	font-size: 16px;
	line-height: 17px;
	font-style: normal;
	text-shadow: 0 0 1px black;
	font-weight: 400;
}

.qfme-sub-head-1-ta {
	font-family: 'Rubik', sans-serif;
	color: #104572;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
}

.qfme-sub-head-2 {
	font-family: 'Montserrat', sans-serif;
	color: #1466a3;
	font-size: 15px;
	line-height: 17px;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
}

.qfme-sub-head-22 {
	font-family: 'Rubik', sans-serif;
	color: #0097ff;
	font-size: 14px;
	line-height: 16px;
	text-shadow: 0 0 1px black;
	font-weight: 600;
	text-transform: uppercase;
}

.qfme-sub-head-2a {
	font-family: 'Montserrat', sans-serif;
	color: #1466a3;
	font-size: 14px;
	line-height: 16px;
	font-style: normal;
	font-weight: 500;
	text-transform: capitalize;
}

.qfme-sub-head-2a-mono {
	font-family: 'JetBrains Mono', monospace;
	color: #1466a3;
	font-size: 14px;
	line-height: 16px;
	font-style: normal;
	font-weight: 400;
	text-transform: capitalize;
}

.qfme-tt {
	font-family: 'Roboto Mono', monospace;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
}

.qfme-text-1 {
	color: #0a5490;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	text-transform: none;
}

.qfme-text-2 {
	color: #5f6561;
	font-family: 'Rubik', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
}

.qfme-text-2a {
	color: #5f6561;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	line-height: 17px;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
}

.qfme-text-2b {
	color: #5f6561;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
}

.qfme-text-2c {
	color: #5f6561;
	font-family: 'Roboto Mono', monospace;
	font-size: 12px;
	line-height: 14px;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
}

.qfme-text-2d {
	color: #3b3d3f;
	font-family: 'Roboto Mono', monospace;
	font-size: 14px;
	line-height: 16px;
	font-style: normal;
	font-weight: 600;
	text-transform: none;
}

.qfme-text-3 {
	color: black;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-style: normal;
	font-weight: 600;
	text-transform: none;
}

.qfme-text-4 {
	color: black;
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
}

.qfme-text-5 {
	color: #186296;
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
}

.qfme-text-3a {
	color: black;
	border: 2px solid transparent;
	background-color: #e0e0e0;
	font-family: 'Jura', sans-serif;
	font-size: 16px;
	line-height: 16px;
	text-underline: none;
	padding: 8px 8px;
	cursor: none;
	font-style: normal;
	font-weight: 600;
	text-transform: none;
	transition: 444ms all ease-in-out;
}

.qfme-text-3a:hover {
	color: gold;
	background-color: #0a3f70;
	border: 2px solid goldenrod;
	border-radius: 18px;
	font-family: 'Jura', sans-serif;
	font-size: 16px;
	line-height: 16px;
	cursor: pointer;
	font-style: normal;
	font-weight: 600;
	text-transform: none;
	transition: 222ms all ease-in-out;
}

.qfme-sub-text-1 {
	color: #2e2e2e;
	font-family: 'Jura', sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-style: normal;
	font-weight: 600;
	text-transform: none;
}

.qfme-sub-text-2 {
	color: #56585a;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
}

.qfme-sub-text-22 {
	color: #56585a;
	font-family: 'Jura', sans-serif;
	font-size: 15px;
	line-height: 17px;
	font-style: normal;
	text-shadow: 0 0 1px black;
	font-weight: 500;
	text-transform: none;
}

.qfme-sub-text-222 {
	color: black;
	font-family: 'Jura', sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-style: normal;
	text-shadow: 0 0 1px black;
	font-weight: 500;
	text-transform: none;
}

.qfme-sub-text-2222 {
	color: #2192ff;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-style: normal;
	text-shadow: 0 0 1px #13457f, 0 0 1px black, 0 0 1px black;
	font-weight: 900;
	text-transform: none;
}

.qfme-sub-text-3 {
	color: #2e83ec;
	font-family: 'Rubik', sans-serif;
	font-size: 22px;
	line-height: 29px;
	font-style: normal;
	font-weight: 800;
	text-transform: none;
}

.qfme-text-mono-1 {
	color: #000000;
	font-family: 'Roboto Mono', monospace;
	text-underline: none;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	text-transform: capitalize;
}

.qfme-text-mono-1:hover {
	color: gold;
	font-family: 'Roboto Mono', monospace;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	text-transform: capitalize;
}

.qfme-text-mono-1-1 {
	color: #000000;
	font-family: 'Roboto Mono', monospace;
	text-underline: none;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	text-transform: capitalize;
}

.qfme-text-mono-1-1cc {
	color: #000000;
	font-family: 'Roboto Mono', monospace;
	text-underline: none;
	font-size: 13px;
	line-height: 16px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -1px;
	text-transform: capitalize;
}

.qfme-text-mono-1-2 {
	color: #000000;
	font-family: 'JetBrains Mono', monospace;
	text-underline: none;
	font-size: 13px;
	line-height: 14px;
	font-style: normal;
	font-weight: 500;
	text-transform: capitalize;
}

.qfme-text-mono-1-3 {
	color: #000000;
	font-family: 'JetBrains Mono', monospace;
	text-underline: none;
	font-size: 13px;
	line-height: 14px;
	font-style: normal;
	font-weight: 500;
	text-shadow: 0 0 1px dodgerblue;
	text-transform: capitalize;
}

.qfme-text-mono-2 {
	color: #000000;
	font-family: 'Roboto Mono', monospace;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	text-transform: capitalize;
}

.qfme-text-mono-2a {
	color: #6b6b6b;
	font-family: 'Jura', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.qi-legend-head {
	color: #000000;
	font-family: 'Audiowide', cursive;
	font-size: 1.8vh;
	font-style: italic;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: 1px 0 0 #0e2442;
}

.qfme-para-text-1 {
	font-family: 'Jura', sans-serif;
	color: red;
	font-size: 18px;
	font-style: normal;
	text-shadow: 0 0 1px red;
	font-weight: 900;
	text-transform: capitalize;
}

.qfme-cell-1 {
	font-family: 'JetBrains Mono', monospace;
	color: black;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: capitalize;
}

.qfc-btn-1 {
	background-color: #187ae1;
	border: 1px solid transparent;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: normal;
	padding: 5px 10px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	text-shadow: 0 0 2px gray;
	transition: 250ms all linear;
}

.qfc-btn-1:hover {
	background-color: #375068;
	border: 1px solid transparent;
	border-bottom-right-radius: 25px;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	padding: 5px 12px;
	text-transform: uppercase;
	text-decoration: none;
	transition: 250ms all ease-out;
}

.qfc-slightly-weird {
	font-family: 'Charm', cursive;
	font-size: 40px;
	letter-spacing: 1px;
}

.qfme-btn-1 {
	background-color: black;
	font-size: 14px;
	color: white;
	padding: 5px 5px;
	cursor: none;
	transition: 200ms all ease-in;
}

.qfme-btn-1:hover {
	background-color: #5d5f5d;
	font-size: 14px;
	color: whitesmoke;
	padding: 5px 8px;
	cursor: pointer;
}

.qfme-btn-1a {
	background-color: black;
	font-size: 14px;
	color: white;
	padding: 8px 8px;
	cursor: none;
	text-decoration: none;
	transition: 400ms all ease-in;
}

.qfme-btn-1a:hover {
	background-color: #5d5f5d;
	font-size: 14px;
	color: whitesmoke;
	padding: 8px 12px;
	cursor: pointer;
}

.qfme-btn-1b {
	background-color: #0077b5;
	border: 1px solid black;
	font-size: 14px;
	color: white;
	padding: 2px 8px;
	cursor: none;
	text-decoration: none;
	border-radius: 0;
	transition: 200ms all ease-in;
}

.qfme-btn-1b:hover {
	background-color: #5d5f5d;
	font-size: 14px;
	color: whitesmoke;
	padding: 2px 12px;
	cursor: pointer;
	text-decoration: none;
	border-bottom-right-radius: 16px;
}

.qfme-btn-1ab {
	background-color: #0077b5;
	border: 1px solid black;
	font-size: 14px;
	color: white;
	padding: 0 4px;
	cursor: none;
	text-decoration: none;
	transition: 400ms all ease-in;
}

.qfme-btn-1ab:hover {
	background-color: #5d5f5d;
	font-size: 14px;
	color: whitesmoke;
	padding: 0 4px;
	cursor: pointer;
}

.qfme-btn-1bb {
	background-color: #0077b5;
	border: 1px solid black;
	font-size: 14px;
	color: white;
	padding: 6px 8px;
	cursor: none;
	text-decoration: none;
	transition: 400ms all ease-in;
}

.qfme-btn-1bb:hover {
	background-color: #5d5f5d;
	font-size: 14px;
	color: whitesmoke;
	padding: 6px 12px;
	cursor: pointer;
}

.qfme-btn-1red {
	background-color: red;
	border: 1px solid black;
	font-size: 14px;
	color: white;
	padding: 8px 8px;
	cursor: none;
	text-decoration: none;
	transition: 400ms all ease-in;
}

.qfme-btn-1red:hover {
	background-color: darkred;
	font-size: 14px;
	color: whitesmoke;
	padding: 8px 12px;
	cursor: pointer;
}

.qfme-btn-1c {
	background-color: black;
	font-size: 14px;
	color: white;
	padding: 6px 6px;
	cursor: none;
	text-decoration: none;
	transition: 222ms all ease-in;
}

.qfme-btn-1c:hover {
	background-color: #5d5f5d;
	font-size: 14px;
	color: whitesmoke;
	padding: 6px 10px;
	cursor: pointer;
}

.qfme-btn-1d {
	background-color: #0077b5;
	border: 1px solid black;
	width: 95%;
	margin-left: 0;
	margin-right: 0;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	letter-spacing: normal;
	color: white;
	text-shadow: 0 0 1px white, 0 0 1px black;
	padding: 10px 4px;
	border-radius: 0;
	cursor: none;
	text-decoration: none;
	transition: 400ms all ease-in-out;
}

.qfme-btn-1d:hover {
	background-color: #c9c9c9;
	margin-left: 0;
	margin-right: 0;
	font-size: 19px;
	line-height: 20px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #0a92fc;
	padding: 10px 4px;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
	text-shadow: 0 0 1px #1d77b3, 0 0 1px #005ead;
	cursor: pointer;
	transition: 400ms all ease-in-out;
}

.qfme-btn-1dd {
	background-color: transparent;
	border-bottom: 1px dotted black;
	width: 95%;
	margin-left: 0;
	margin-right: 0;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	letter-spacing: normal;
	color: #2a6da9;
	text-shadow: 0 0 1px black, 0 0 1px black;
	padding: 10px 4px;
	border-radius: 0;
	cursor: none;
	text-decoration: none;
	transition: 400ms all ease-in-out;
}

.qfme-btn-1dd:hover {
	background-color: transparent;
	border-bottom: 1px solid black;
	width: 95%;
	margin-left: 0;
	margin-right: 0;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #358bd8;
	padding: 10px 4px;
	border-radius: 0;
	text-shadow: 0 0 1px black, 0 0 1px black;
	cursor: pointer;
	transition: 400ms all ease-in-out;
}

.qfme-btn-icon-1 {
	color: #0a67b0;
	font-weight: bolder;
	cursor: pointer;
	text-decoration: none;
	font-size: 25px;
	line-height: 25px;
	transition: 150ms all linear;
}

.qfme-btn-icon-1:hover {
	color: transparent;
	text-shadow: 0 0 1px #1d77b3, 0 0 1px gray, 0 0 1px #000000;
	font-weight: bolder;
	cursor: pointer;
	font-size: 32px;
	line-height: 28px;
	text-decoration: none;
	transition: 180ms all ease-in;
}

.qfme-btn-1e {
	background-color: #d32d2a;
	border: 1px solid black;
	font-size: 16px;
	color: white;
	padding: 4px 6px;
	cursor: none;
	text-decoration: none;
	transition: 333ms all ease-in-out;
}

.qfme-btn-1e:hover {
	background-color: #5d5f5d;
	font-size: 16px;
	color: whitesmoke;
	padding: 4px 12px;
	cursor: pointer;
	transition: 333ms all ease-in-out;
}

.qfme-btn-1f {
	background-color: #00990c;
	border: 1px solid black;
	font-size: 15px;
	line-height: 15px;
	font-weight: bolder;
	color: white;
	padding: 8px 10px;
	cursor: none;
	text-decoration: none;
	transition: 333ms all ease-in-out;
}

.qfme-btn-1f:hover {
	background-color: #5d5f5d;
	font-size: 15px;
	color: whitesmoke;
	padding: 8px 10px;
	cursor: pointer;
	border-radius: 15px;
	transition: 333ms all ease-in-out;
}

.qfme-btn-1g {
	background-color: purple;
	border: 1px solid black;
	font-size: 15px;
	line-height: 15px;
	font-weight: bolder;
	color: white;
	padding: 8px 10px;
	cursor: none;
	text-decoration: none;
	transition: 333ms all ease-in-out;
}

.qfme-btn-1g:hover {
	background-color: #5d5f5d;
	font-size: 15px;
	color: whitesmoke;
	padding: 8px 10px;
	cursor: pointer;
	border-radius: 15px;
	transition: 333ms all ease-in-out;
}

.qfme-btn-frm-1 {
	font-family: 'Jura', sans-serif;
	background-color: #254360;
	border: 1px solid black;
	font-size: 17px;
	line-height: 18px;
	font-weight: bolder;
	color: white;
	padding: 4px 10px;
	letter-spacing: -1px;
	cursor: none;
	text-decoration: none;
	transition: 333ms all ease-in-out;
}

.qfme-btn-frm-1:hover {
	font-family: 'Jura', sans-serif;
	background-color: #ccd1d7;
	font-size: 17px;
	color: black;
	padding: 4px 10px;
	cursor: pointer;
	border-radius: 5px;
	transition: 333ms all ease-in-out;
}

.qfme-btn-drg-1 {
	font-family: 'Rubik', sans-serif;
	background-color: #254360;
	border: 1px solid black;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	color: white;
	text-shadow: 0 0 1px white;
	padding: 6px 4px;
	letter-spacing: normal;
	cursor: none;
	text-decoration: none;
	font-style: normal;
	transition: 400ms all linear;
}

.qfme-btn-drg-1:hover {
	font-family: 'Rubik', sans-serif;
	background-color: #1d77b3;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	color: white;
	text-shadow: 0 0 1px white;
	padding: 6px 4px;
	letter-spacing: 0.5px;
	cursor: pointer;
	text-decoration: none;
	font-style: italic;
	transition: 400ms all linear;
}

.qfme-btn-frm-2 {
	font-family: 'Jura', sans-serif;
	background-color: #254360;
	border: 1px solid black;
	font-size: 17px;
	line-height: 18px;
	font-weight: bolder;
	color: white;
	padding: 4px 10px;
	letter-spacing: -1px;
	cursor: none;
	text-decoration: none;
	transition: 333ms all ease-in-out;
}

.qfme-btn-frm-2:hover {
	font-family: 'Jura', sans-serif;
	background-color: #ccd1d7;
	font-size: 17px;
	color: black;
	padding: 4px 10px;
	cursor: pointer;
	border-radius: 5px;
	transition: 333ms all ease-in-out;
}

.qfme-btn-frm-red {
	font-family: 'Jura', sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: red;
	padding-top: 0;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	cursor: none;
	text-decoration: none;
	transition: 333ms all ease-in-out;
}

.qfme-btn-frm-red:hover {
	font-family: 'Jura', sans-serif;
	font-size: 20px;
	color: darkred;
	padding-top: 0;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	transition: 333ms all ease-in-out;
}

.qfme-btn-2 {
	font-family: 'Jura', sans-serif;
	background-color: black;
	font-size: 16px;
	color: white;
	padding: 5px 5px;
	cursor: none;
	transition: 200ms all ease-in;
}

.qfme-btn-2:hover {
	font-family: 'Jura', sans-serif;
	background-color: #5d5f5d;
	font-size: 16px;
	color: whitesmoke;
	padding: 5px 8px;
	cursor: pointer;
}

.qfme-btn-2a {
	background-color: #0077b5;
	border: 1px solid black;
	font-size: 14px;
	line-height: 16px;
	font-weight: bolder;
	color: white;
	padding: 4px 6px;
	cursor: none;
	text-decoration: none;
	transition: 333ms all ease-in-out;
}

.qfme-btn-2a:hover {
	background-color: #5d5f5d;
	font-size: 14px;
	line-height: 16px;
	color: whitesmoke;
	padding: 4px 6px;
	cursor: pointer;
	border-radius: 15px;
	transition: 333ms all ease-in-out;
}

.qfme-btn-2b {
	background-color: #0077b5;
	border: 1px solid black;
	font-size: 14px;
	line-height: 14px;
	font-weight: bolder;
	color: white;
	padding: 1px 6px;
	cursor: none;
	text-decoration: none;
	transition: 333ms all ease-in-out;
}

.qfme-btn-2b:hover {
	background-color: #5d5f5d;
	font-size: 14px;
	line-height: 14px;
	color: whitesmoke;
	padding: 1px 6px;
	cursor: pointer;
	border-radius: 15px;
	transition: 333ms all ease-in-out;
}

.qfme-btn-2b-red {
	background-color: #c30303;
	border: 1px solid black;
	font-size: 16px;
	line-height: 26px;
	font-weight: bolder;
	color: white;
	padding: 1px 6px;
	cursor: none;
	text-decoration: none;
	transition: 333ms all ease-in-out;
}

.qfme-btn-2b-red:hover {
	background-color: #5d5f5d;
	font-size: 16px;
	line-height: 26px;
	color: whitesmoke;
	padding: 1px 6px;
	cursor: pointer;
	border-radius: 15px;
	transition: 333ms all ease-in-out;
}

.qfme-acc-1 {
	background-color: #1667cb;
	color: white;
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	line-height: 19px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	padding: 4px 5px;
	border: 2px solid black;
}

.qfme-acc-1 {
	background-color: #1667cb;
	color: white;
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	line-height: 19px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	padding: 4px 5px;
	border: 2px solid black;
	cursor: pointer;
}

.qfme-acc-link-1 {
	cursor: pointer;
	color: #1667cb;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-style: normal;
	font-weight: 500;
	text-align: left;
	text-transform: none;
	transition: 300ms all ease-in;
}

.qfme-acc-link-1:hover {
	color: #06499c;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-style: normal;
	font-weight: 500;
	text-align: left;
	padding-left: 1vh;
	text-transform: none;
}

.qfme-text-border-1 {
	background-color: #1667cb;
	color: white;
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	line-height: 19px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	padding: 10px 5px;
	border: 2px solid black;
	transition: 300ms all ease-in;
}

.qfme-text-border-1:hover {
	background-color: #cceafb;
	color: #1667cb;
	font-family: 'Rubik', sans-serif;
	border-radius: 20px;
	font-size: 18px;
	line-height: 19px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	padding: 10px 5px;
	border: 2px solid black;
	transition: 500ms all ease-out;
}

.qfme-text-border-1-green {
	background-color: green;
	color: white;
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	line-height: 19px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	padding: 10px 5px;
	border: 2px solid #004c0d;
	transition: 500ms all ease-in;
}

.qfme-text-border-1-green:hover {
	background-color: rgba(0, 167, 29, 0.11);
	color: green;
	font-family: 'Rubik', sans-serif;
	border-radius: 20px;
	font-size: 18px;
	line-height: 19px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	padding: 10px 5px;
	border: 2px solid #004c0d;
	transition: 500ms all ease-out;
}

.qfme-text-border-11-green {
	background-color: green;
	color: white;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	padding: 6px 5px;
	border: 1px solid #004c0d;
	transition: 500ms all ease-in;
}

.qfme-text-border-11-green:hover {
	background-color: rgba(0, 167, 29, 0.11);
	color: green;
	font-family: 'Rubik', sans-serif;
	border-radius: 20px;
	font-size: 16px;
	line-height: 16px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	padding: 6px 5px;
	border: 1px solid #004c0d;
	transition: 500ms all ease-out;
}

.qfme-text-border-1a {
	background-color: #1667cb;
	color: white;
	font-family: 'Rubik', sans-serif;
	font-size: 17px;
	line-height: 18px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	padding: 10px 2px;
	border: 2px solid black;
	transition: 500ms all ease-in;
}

.qfme-text-border-1a:hover {
	background-color: #cceafb;
	color: #1667cb;
	font-family: 'Rubik', sans-serif;
	border-radius: 20px;
	font-size: 17px;
	line-height: 18px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	padding: 10px 2px;
	border: 2px solid black;
	transition: 500ms all ease-out;
}

.qfme-lnk-plain {
	color: #5f6561;
	font-family: 'Rubik', sans-serif;
	letter-spacing: -1px;
	font-weight: 500;
	text-decoration: none;
	margin-left: 0;
	transition: 222ms all ease-in-out;
}

.qfme-lnk-plain:hover {
	color: #585c5f;
	font-family: 'Rubik', sans-serif;
	letter-spacing: normal;
	font-weight: 500;
	text-decoration: none;
	margin-left: 5px;
	cursor: pointer;
	transition: 222ms all ease-in-out;
}

.qfme-lnk-plain-11 {
	color: #59738e;
	font-family: 'Rubik', sans-serif;
	letter-spacing: -1px;
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	text-decoration: none;
	margin-left: 0;
	transition: 222ms all ease-in-out;
}

.qfme-lnk-plain-11:hover {
	color: #0c4e80;
	font-family: 'Rubik', sans-serif;
	letter-spacing: -1px;
	font-weight: 500;
	text-decoration: none;
	margin-left: 3px;
	cursor: pointer;
	transition: 222ms all ease-in-out;
}

.qfs-rss-title {
	color: #fd3636;
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 2.5vmin;
	line-height: 2.2vmin;
	letter-spacing: 1px;
	font-weight: 900;
	text-decoration: none;
	margin-left: 0;
	transition: 222ms all ease-in-out;
}

.qfs-rss-desc {
	color: #ffdede;
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 1.8vmin;
	line-height: 1.9vmin;
	letter-spacing: 1px;
	text-decoration: none;
	margin-left: 0;
	transition: 222ms all ease-in-out;
}

.qfs-lnk-rss {
	color: #79b9ff;
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 1.75vmin;
	line-height: 1.8vmin;
	letter-spacing: 1px;
	font-weight: 900;
	text-decoration: none;
	margin-left: 0;
	transition: 222ms all ease-in-out;
}

.qfs-lnk-rss:hover {
	color: #57b4ff;
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 1.75vmin;
	line-height: 1.8vmin;
	letter-spacing: 1px;
	font-weight: 900;
	text-decoration: none;
	margin-left: 0;
	cursor: pointer;
	transition: 222ms all ease-in-out;
}


.qfme-lnk-plain-mono {
	color: #5f6561;
	font-family: 'Roboto Mono', monospace;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: -1px;
	font-weight: 500;
	text-decoration: none;
	margin-left: 0;
	transition: 222ms all ease-in-out;
}

.qfme-lnk-plain-mono:hover {
	color: #585c5f;
	font-family: 'Roboto Mono', monospace;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: normal;
	font-weight: 500;
	text-decoration: none;
	margin-left: 5px;
	cursor: pointer;
	transition: 222ms all ease-in-out;
}

.qfme-lnk-plain-mono1 {
	color: #5f6561;
	font-family: 'JetBrains Mono', monospace;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	text-decoration: none;
	margin-left: 0;
	transition: 222ms all ease-in-out;
}

.qfme-lnk-plain-mono1:hover {
	color: #585c5f;
	font-family: 'JetBrains Mono', monospace;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: normal;
	font-weight: 500;
	text-decoration: none;
	margin-left: 5px;
	cursor: pointer;
	transition: 222ms all ease-in-out;
}

.qfme-plain-mono1 {
	color: #000000;
	font-family: 'JetBrains Mono', monospace;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	text-decoration: none;
}

.qfme-lnk-1 {
	color: #000;
	font-family: 'Rubik', sans-serif;
	font-size: 17px;
	line-height: 18px;
	letter-spacing: -1px;
	font-weight: 400;
	text-decoration: none;
	transition: 222ms all ease-in-out;
}

.qfme-lnk-1:hover {
	color: #1255a8;
	font-family: 'Rubik', sans-serif;
	font-size: 17px;
	line-height: 18px;
	letter-spacing: normal;
	font-weight: 500;
	text-decoration: none;
	transition: 222ms all ease-in-out;
}

.qfme-lnk-1-bottom {
	color: #99d2ff;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 15px;
	font-weight: 500;
	text-decoration: none;
	transition: 222ms all ease-in-out;
}

.qfme-lnk-1-bottom:hover {
	color: #cdcdcd;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 15px;
	font-weight: 500;
	text-decoration: none;
	transition: 222ms all ease-in-out;
}

#wrapper,
#loginform {
	margin: 0 auto;
	padding-bottom: 15px;
	background: #eee;
	width: 70%;
	max-width: 100%;
	border: 2px solid #212121;
	border-radius: 4px;
}

#chatbox {
	text-align: left;
	height: 45vh;
	margin-bottom: 8px;
	padding: 1px;
	background: #fff;
	border: 1px solid #a7a7a7;
	overflow: auto;
	scroll-behavior: auto;
	overscroll-behavior-y: auto;
	border-top: 11px solid #a7a7a7;
	border-bottom: 11px solid #a7a7a7;
}

#usermsg {
	flex: 1;
	border-radius: 4px;
	border: 1px solid #0a67b0;
}

#name {
	border-radius: 4px;
	border: 1px solid #ff9800;
	padding: 2px 8px;
}

#submitmsg,
#enter {
	background: #0a67b0;
	border: 2px solid #12335b;
	color: white;
	padding: 6px 18px;
	font-weight: bold;
	transition: 200ms all ease-in-out;
}

#submitmsg:hover,
#enter {
	background: #002f50;
	border: 2px solid #12335b;
	color: white;
	padding: 6px 18px;
	cursor: pointer;
	font-weight: bold;
}

.error {
	color: #ff0000;
}

#menu {
	padding: 15px 25px;
	display: flex;
}

#menu p.welcome {
	flex: 1;
}

a#exit {
	color: white;
	background: #c62828;
	padding: 4px 8px;
	border-radius: 4px;
	font-weight: bold;
}

.msgln {
	margin: 0 0 5px 0;
}

.msgln span.left-info {
	color: orangered;
}

.msgln span.chat-time {
	font-family: 'JetBrains Mono', monospace;
	font-weight: lighter;
	text-shadow: 0 0 1px black;
	font-size: 14px;
	color: #666;
	vertical-align: super;
}

.msgln span.user-name, .msgln span.user-name-left {
	font-family: 'JetBrains Mono', monospace;
	font-size: 14px;
	background: #546e7a;
	color: white;
	padding: 2px 4px;
	border-radius: 4px;
	margin: 0 5px 0 0;
}

.msgln b.user-name-left {
	background: orangered;
}

.qfme-msgln-text {
	font-family: 'JetBrains Mono', monospace;
	color: #1c1c1c;
	font-size: 14px;
	line-height: 16px;
	font-style: normal;
	font-weight: normal;
}

.qfme-msgln-user {
	font-family: 'JetBrains Mono', monospace;
	font-size: 14px;
	background: #546e7a;
	color: white;
	padding: 2px 4px;
	border-radius: 4px;
	margin: 0 5px 0 0;
}

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 50%;
	margin-left: -60px;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.qfme-top-text-1 {
	color: #a9a9a9;
	font-family: 'Rubik', sans-serif;
	font-size: 17px;
	line-height: 19px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
}

.qfme-top-text-lnk-1 {
	color: #0097ff;
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	line-height: 19px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	transition: 200ms all ease-in-out;
}

.qfme-top-text-lnk-1:hover {
	color: #4badff;
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	line-height: 19px;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	padding-left: 1vh;
	transition: 400ms all ease-in-out;
}

.qfs-box-1 {
	border-radius: 0;
	font-style: revert;
}

.qfs-box-1:hover {
	border-radius: 110px;
	font-style: oblique;
	transition: 250ms all ease;
}

.qt0 {
	color: black;
	font-family: 'Jura', sans-serif;
	text-shadow: 0 0 1px gray;
	font-size: 16px;
	font-weight: 800;
	text-transform: none;
}

.outside {
	list-style-position: outside;


	color: #ff4f46;

}

.snip1217 {
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 1.1vmax;
	line-height: 1.1vmax;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
}

.snip1217 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

.snip1217 li {
	display: inline-block;
	list-style: outside none none;
	margin: 0.5px 1.5em;
	padding: 0;
}

.snip1217 a {
	padding: 0.5vw 0;
	color: #e05a57;
	position: relative;
	text-decoration: none;
	display: inline-block;
}

.snip1217 a:before,
.snip1217 a:after {
	height: 2px;
	position: absolute;
	content: '';
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	background-color: #e50400;
	width: 0;
}

.snip1217 a:before {
	top: 0;
	left: 0;
}

.snip1217 a:after {
	bottom: 0;
	right: 0;
	color: #0a3f70;
}

.snip1217 a:hover,
.snip1217 .current a {
	color: #fd1f1a;
}

.snip1217 a:hover:before,
.snip1217 .current a:before,
.snip1217 a:hover:after,
.snip1217 .current a:after {
	width: 100%;
}