* {
	margin: 0px;
	padding: 0px;
	font-family: 'Raleway',Verdana,sans-serif;
	color: #ddd;
	font-size: 14px;
	line-height: 1.5;
}

html {
	height: 100%;
}

a {
	color: lightblue;
	color: #008ae7;
	text-decoration: none;
}

body {
	background-image: url(../images/background.jpg);
	background-color: #222;
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.social-button {
	min-width: 30px;
	max-width: 50px;
	width: 5vw;
}

.mid-box {
	background-color: rgba(0,0,0,.6);
	border-radius: 10px;
	min-height: 300px;
	padding: 10px;
}

.card {
	display: inline-block;
	/*border: solid 1px red;*/
	padding: 10px;
	margin: 5px;
}

/*https://css-tricks.com/custom-scrollbars-in-webkit/*/
::-webkit-scrollbar {
	/* 1 */
	width: 10px;
}

::-webkit-scrollbar-button {
	/* 2 */
	background-color: #222;
	height: 0px;
}

::-webkit-scrollbar-track {
	/* 3 */
	background-color: #222;
}

::-webkit-scrollbar-track-piece {
	/* 4 */
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	/* 5 */
	background-color: #444;
	border: solid 1px black;
	border-radius: 3px;
	width: 8px;
	margin: 1px;
}

::-webkit-scrollbar-corner {
	/* 6 */
}

::-webkit-resizer {
	/* 7 */
}