@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap');
/*
font-family: 'Roboto', sans-serif;
*/

* {
	font-family: 'Roboto', sans-serif;
}

body {
	background-image: url("/img/survival.png");
	background-repeat: no-repeat;
	background-size: inherit;
}

section.content {
	display: none;
}

section.content.active {
	display: block;
}

/* Deshabilitar títulos en los iconos */
ion-icon {
	pointer-events: none;
}

.status-server.server-activo {
	color: #2ec27e;
}

.status-server.server-apagado {
	color: #cc0000;
}

.chat {
	min-height: 300px;
	background-color: #c0bfbc;
	padding: 10px;
	/*overflow-y: scroll;*/
	max-height: 500px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.chat-line {
	font-family: Monospace;
}

.chat-line.local {
	color: #128e00;
}

.chat-line.global {
	color: #6c4e06;
}

.chat-line::before {
	content: "> ";
	color: #1a5fb4;
}

.nickname {
	color: #1a5fb4;
}

.player-list {
	padding: 0px;
	margin: 40px;
}

.form-group {
	margin-bottom: 20px;
}

.user-connected {
}

.connected {
	color: #59bd5f;
}

.connected::before {
	content: "*";
	color: #59bd5f;
}

.disconnected {
	color: #cc0000;
}

.disconnected::before {
	content: "!";
	color: #cc0000;
}

pre {
	color: #10f712;
	background-color: #000;
	padding: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

section {
	margin-bottom: 100px;
}