body {
	font-family: 'Nunito Sans', sans-serif;
	background-color: black;
	background-image: url('../img/background.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

#content {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
        color: #9d9d9d;
        padding: 16px;
        border-radius: 10px;
        box-shadow: 0 0 10px #151515;
        background-color: #151515;
        width: 20vw;
	min-width: 400px;
	margin: 150px;
}

#kc-info {
	padding: 20px 0;
}


#kc-header img {
	width: 150px;
	padding: 20px 0px 100px 0px;
        color: #9d9d9d;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 0 10px #151515;
        background-color: #151515;
        display: inline-block;

}

.background a {
	color: red;
}

#kc-page-title {
	font-size: large;
	padding: 20px;
	text-align: center;
}
label, span {
	display: inline-block;
	text-align: center;
}

ol {
	list-style-position: inside;
}

#content li, #content p {
	padding: 5px;
}

.checkbox label {
display: inline;
}

.checkbox label input {
	width: 20px;
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

input {
margin: 10px 0px !important;
padding: 0 0 0 10px;
font-size: medium;
background-color: #151515;
color: #9d9d9d;
border: 2px solid #3b3b3b;
height: 35px !important;
border-radius: 10px;
text-overflow: ellipsis;
cursor: pointer;
width: 100%;
-webkit-appearance: textfield !important;
-moz-appearance: textfield !important;
}

input:focus {
	border: 2px solid grey;
	outline: white;
}
input::selection {
	background-color: red;
	color: black;
}