@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&display=swap');
body, html {
  height: 100%
}
body { 
    margin: 0; 
    padding: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:16px;
	color: #555;	
	line-height:20px;		
	overflow: hidden;
	background-color: #fafafa;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	display: flex;
	align-items: center
}

.center-container {
	align-items: center;
	display: flex;
	min-height: 100%;
	width:100%
}

.container{
	width:100%;
	height: 100%;
	margin: 0 auto;
	padding: 10px;
	text-align: center
	
}
.logo img {
	max-width:50%;
	margin-left:auto;
	margin-right:auto;
	display:block
}
.person {
	padding-top:15px
}
h1, i, b {
	display:block;
	width:100%;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px
}

.sb span {
	display: inline-block;
	font-weight:bold;
	font-size: 32px;
	animation: flip 5s infinite;
	animation-delay: calc(.2s * var(--i))
}
.sb-name {
	padding-left:5px;
	font-size: 32px;
	display: inline-block;
	font-weight:bold
}
@keyframes flip {
  0%,80% {
	transform: rotateY(360deg) 
  }
}