@font-face {
    font-family: 'stats';
    src: url('stats.ttf');
}

html,body {
	background-color: #000;
    margin: 0;
    padding: 0;
    scroll-snap-type: y mandatory;
}

@keyframes glowing {
  0% {
    text-shadow: 0 0 5px #666, 0 0 10px #666, 0 0 20px #0fa;
  }
  50% {
    text-shadow: 0 0 10px #666, 0 0 20px #666, 0 0 40px #0fa;
  }
  100% {
    text-shadow: 0 0 5px #666, 0 0 10px #666, 0 0 20px #0fa;
  }
}

.glow {
    color: #000;
    animation: glowing 5s infinite alternate;
}

div.dock {
    width: calc(100vw - 50px);
    height: calc(100vh - 50px);
    display: flex;
    justify-content: center;
    align-items: center;
    scroll-snap-align: start;
    padding: 25px;
}

#postcount {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #333;
	font-size: 10em;
    font-family: stats;
}

#channel_chart_container {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}