p {
  font-family: 'Audiowide';
  color: white;
  font-size: 25px;
}

h1 {
 font-family: 'Audiowide';
 color: white;
 font-size: 35px;
}

body {
background-color: black;
}

#MainBox {
	border: 5px solid white;
	margin: 0;
	align-content: center;
	text-align: center;
}

#SliderIliChto {
	border: 5px solid white;
	height: 25px ;
	align-content: center;
	word-spacing: 20px;
	padding: 10px;
}

a {
	color: white;
	font-size: 25px;
	font-family: 'Audiowide';
}

body {
    margin: 0;
    padding: 0;
    height: 100vh;
    position: relative;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/d/dd/Rotating_black_and_white_squares.gif');
    background-size: cover;
    opacity: 0.035;
	pointer-events: none;
}

@font-face {
  font-family: 'Audiowide';
  src: url('fonts/Audiowide.ttf') format('truetype');
}

#links {
	word-spacing: 20px;
	border: 5px solid white;
	margin: 0;
	align-content: center;
	text-align: center;
}

#messagesbox {
	border: 5px solid white;
	margin: 5px;
	align-content: center;
	text-align: left;
	padding: 5px;
}