* { font-family: 'Lato' !important; }
:root {
	--transition-1: all 0.3s ease-in-out;
	--transition-2: all 0.2s ease-in-out;
}

html {
	font-size: 1rem;
	font-family: "PT Sans", sans-serif;
}

body {
	margin: 0;
	padding: 0;
	background-color:#2b2b2b;
}
#searchterm {
    color:black !important;
}
.header {
	text-align: center;
	-ms-user-select: none;
	    user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-touch-callout: none;
}

.no_result {
	margin: 0.3rem;
	padding: 0.3rem 0.5rem;
	list-style: none;
	text-align: left;
	font-size: 1rem;
	color: black;
	transition: all 0.1s ease-in-out;
	border-radius: 0.35rem;
	background-color: rgba(255, 255, 255, 1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.2s ease;
	outline: none;
}

h1 {
 color:white;
	transition: var(--transition-1);
}

h1 > a {
	text-decoration: none;
	color:white;
}

h1 > a::-moz-selection {
	color:white;
}

h1 > a::selection {
	color:white;
}

h4 {
	margin-bottom: 5px;
	color: #ffc6c6;
}

h4::-moz-selection {
	color: #ffc6c6;
}

h4::selection {
	color: #ffc6c6;
}

.mode {
	margin-top: 20px;
}

.toggle {
	display: flex;
	border: 1px solid #ffc6c6;
	height: 35px;
	width: 120px;
	border-radius: 50px;
	justify-content: flex-start;
	align-content: center;
	transition: var(--transition-2);
}

.toggler {
	display: grid;
	cursor: pointer;
	background-color: rgba(255, 198, 198, 1);
	color: #fff;
	height: 25px;
	width: 60px;
	border-radius: 50px;
	margin: 5px;
	text-align: center;
	align-content: center;
	align-self: flex-start;
	transition: var(--transition-2);
	-ms-user-select: none;
	    user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-touch-callout: none;
}

.toggler:hover {
	width: 65px;
	background-color: rgba(255, 122, 122, 0.7);
}

.toggler::-moz-selection {
	color: #fff;
}

.toggler::selection {
	color: #fff;
}
a {color:white; text-decoration:underline; word-wrap:break-word;}
.strict {
	display: inline;
}

.loose {
	display: inline;
}

.selection {
	margin-top: 25vh;
	font-size: 2rem;
	font-weight: bold;
	color: black;
	transition: var(--transition-1);
}

.selection::-moz-selection {
	color: #4e3886;
}

.selection::selection {
	color: #4e3886;
}
::placeholder {
  color: red;
}
.panelhelp {width:50%; margin:0 auto; color:white !important;}

@media only screen and (max-width: 600px) {
	.selection {
		margin-top: 15vh;
	}
	.panelhelp {width:90%; margin:0 auto; color:white !important;}
}