body {
	font-family: "Roboto", sans-serif;
	background:#070F12;
	margin:0;
	background-image: url("../images/bg.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
  background-position: center;
  background-size: auto;
}

header {
	background:#111827;
	background-image: url("../images/header.png");
	color:white;
	padding:15px;
	display:flex;
	justify-content:space-between;
}

.header-menu ul {
	list-style-type: none;
}

.login-box,
main {
	max-width:33%;
	opacity: 85%;
	margin:50px auto;
	background:#070f12;
	padding:20px;
	border-radius:6px;
	text-align: center;
}

input,
button {
	width:500px;
	padding:10px 5px;
	margin:10px;
	border-radius: 5px;
	border: none;
	font-size: 20px;
}

input {
	back#caf0f8;
}

button {
	background:#39597d;
	color:white;
	border:none;
	cursor:pointer;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
}

a {
	color:#214352;
	text-decoration:none;
}

h1 {
	font-size: 20px !important;
}

#chat {
	border:1px solid #ccc;
	padding:10px;
	height:200px;
	overflow-y:auto;
	margin-bottom:10px;
}

.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}