/* -------------------- */
/* Bootstrap extensions */
/* -------------------- */

.container{
	padding: 20px 15px;
	text-align: center;
}
.row{
	margin-bottom:15px;
}
.no-gutter > [class*='col-']{
    padding-right:0;
    padding-left:0;
}
.img-thumbnail,.img-circle{
	margin-bottom:20px;
	background:#000;
	box-shadow:0px 5px #000;
	padding:5px;
	border:5px solid #fff;
}
.img-thumbnail{
	border-radius:0;
}
.img-responsive{
	margin-left:auto;
	margin-right:auto;
}
.progress{
	height:10px;
	width:275px;
	margin:0px auto 25px;
	box-shadow:-1px 3px #000, 1px 3px #000, inset 0 3px #000;
	background:none;
	padding:1px;
	border:1px solid #999;
	border-radius:0;
}
.progress-bar{
	box-shadow:0 3px #000;
}

/* -------------------- */
/* Custom Styles        */
/* -------------------- */

body{
	text-shadow:0px -1px #000,-1px -1px #000,1px -1px #000,
				-1px 0px #000,1px 0px #000,
				0px 1px #000,-1px 1px #000,1px 1px #000,
				0px 2px #000,-1px 2px #000,1px 2px #000,
				0px 3px #000,-1px 3px #000,1px 3px #000;
}

h1#name{
	margin:20px 0 10px;
	cursor:help;
}

h2#title{
	margin:0 0 10px;
	font-size:14px;
	text-transform:uppercase;
	color:#999;
}

h2#title #level{
	color:#6AC8A1;
	font-weight:bold;
	font-size:1.2em;
}

#xpbar{
	cursor:help;
}
@keyframes pulse {
	0%, 25%, 75%, 100% {
		background-color: #00bc8c;
	}
	50% {
		background-color: #fff;
	}
}
@keyframes pulselevel {
	0%, 25%, 75%, 100% {
		background-color: #ffd200;
	}
	50% {
		background-color: #00bc8c;
	}
}
@keyframes float {
	0% {
		box-shadow: 0px 5px #000;
		transform: translatey(0px);
	}
	50% {
		box-shadow:0px 10px #000;
		transform: translatey(-5px);
	}
	100% {
		box-shadow: 0px 5px #000;
		transform: translatey(0px);
	}
}

#portrait{
	cursor:help;
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
}

#social{
	background:#333;
	-webkit-transition:color .2s ease-in-out;
	-o-transition:color .2s ease-in-out;
	transition:color .2s ease-in-out;
}

.social:hover, .social:active{
	color:#fff;
	text-decoration:none;
}
.social-facebook{
	color:#3b5998;
}
.social-twitter{
	color:#55acee;
}
.social-tumblr{
	color:#35465c;
}
.social-twitch{
	color:#6441a5;
}
.social-youtube{
	color:#cd201f;
}

iframe{
	width:100%;
	margin:0 auto 20px;
}

/* confetti */
body {
	margin: 0;
	/*overflow: hidden;*/
}

.wrapper {
	position: relative;
	min-height: 100vh;
}

[class|="confetti"] {
  position: absolute;
}

.red {
	background-color: #E94A3F;
}

.yellow {
	background-color: #FAA040;
}

.blue {
	background-color: #5FC9F5;
}