body {
  font-family: helvetica, arial, sans-serif;
  margin: 2em;
  background-color: #242424;
  color: #d7dbd7;
/*   background-image: url("//wallpaperaccess.com/full/3053366.png"); */
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: border-box;
  
}

.fab {
    font-family: "Font Awesome 5 Brands";
}

p{
  color: #d7dbd7;
     text-align: center;
  font-size: 1.25em;
}

h1 {
 text-align: center;
  color: #e62929;
  font-size: 300%;
}

.topnav {
  background-color: #333;
  overflow: hidden;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.masterButton {
	-moz-box-shadow: 3px 4px 0px 0px #8a2a21;
	-webkit-box-shadow: 3px 4px 0px 0px #8a2a21;
	box-shadow: 3px 4px 0px 0px #8a2a21;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437',GradientType=0);
	background-color:#c62d1f;
	-webkit-border-radius:42px;
	-moz-border-radius:42px;
	border-radius:42px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.masterButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24437), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24437;
}
.masterButton:active {
	position:relative;
	top:1px;
}
.night .button--twitch {
	background-color: #9146ff;
	color: #fff;
  }
  .login__buttons-pc .button--twitch {
	background: #9146ff;
	background-color: #9146ff;
	color: #fff;
  }
  .button.button--twitch {
	background-color: #6542a6;
  }
  .login__buttons-pc button {
	width: 400px;
  }
  .login__buttons-pc button {
	height: 48px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 14px;
	border-radius: 8px;
	margin-bottom: 8px!important;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	color: #fff;
	position: relative;
  }

.twitchButton {
	-moz-box-shadow: 3px 4px 0px 0px #631499;
	-webkit-box-shadow: 3px 4px 0px 0px #631499;
	box-shadow: 3px 4px 0px 0px #631499;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #631299), color-stop(1, #6441A4));
	background:-moz-linear-gradient(top, #631299 5%, #6441A4 100%);
	background:-webkit-linear-gradient(top, #631299 5%, #6441A4 100%);
	background:-o-linear-gradient(top, #631299 5%, #6441A4 100%);
	background:-ms-linear-gradient(top, #631299 5%, #6441A4 100%);
	background:linear-gradient(to bottom, #631299 5%, #6441A4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#631299', endColorstr='#6441A4',GradientType=0);
	background-color:#631299;
	-webkit-border-radius:42px;
	-moz-border-radius:42px;
	border-radius:42px;
	border:1px solid #631299;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:twitchyTv;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #631599;
}

.twitchButton:hover {    
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6441A4), color-stop(1, #631299));
	background:-moz-linear-gradient(top, #6441A4 5%, #631299 100%);
	background:-webkit-linear-gradient(top, #6441A4 5%, #631299 100%);
	background:-o-linear-gradient(top, #6441A4 5%, #631299 100%);
	background:-ms-linear-gradient(top, #6441A4 5%, #631299 100%);
	background:linear-gradient(to bottom, #6441A4 5%, #631299 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6441A4', endColorstr='#631299',GradientType=0);
	background-color:#6441A4;
}

@font-face {
	font-family: twitchyTv;
	src: url(https://cdn.glitch.com/256b5c55-689c-44ed-b034-add23a12a4ac%2FTwitchy.TV.otf);
  }

hr.style-seven {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: white;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style-seven:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: white;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}