@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
.starter-template {
  padding: 40px 15px;
}

body {

font-family: 'Open Sans', sans-serif;

}


.welcome {
	color:#5bc0de;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	font-size:48px;
	

	

}

#teams {
text-shadow: 2px 2px #e7e7e7;	

}

#synergy {
	color:#5bc0de;
	font-weight:bold;
	text-shadow: 2px 2px #e7e7e7;

}

hr {
	width:auto;
	position:relative;
	

}

.user_pic {
	display:block;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	position:relative;

}

#slogan {
	font-size:20px;
	color:black;
-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;

}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.middle {
	position: relative;
	height:auto;
	width:500px;
	border: 0.5px solid black;
	margin-left:auto;
	margin-right:auto;
	padding: 20px;
	padding-top: 30px;

	vertical-align:center;
	background-color:#e7e7e7;
	border-radius:25px;
	-webkit-box-shadow: 0 4px 4px -2px #000000;
   -moz-box-shadow: 0 4px 4px -2px #000000;
        box-shadow: 0 2px 2px -2px #000000;

	

}