@keyframes scalebeat {
	0% {
		transform: scale( 1 );
	}
	20% {
		transform: scale( 1.5 );
	}
	40%  {
		transform: scale( 1 );
	}
	60% {
		transform: scale( 1.5 );
	}
	80% {
		transform: scale( 1 );
	}
	100% {
		transform: scale( 1 );
	}
}

.scale-beat {
  animation: scalebeat 2s infinite;
}

#main-focus {
	margin-bottom: 2rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	gap: 1rem;
}
#main-focus > * {
	min-width: 250px;
	max-height: 350px;
	overflow: auto;
}
#main-focus > .news-station {
	flex: 3 1;
	padding: 1rem;
	background-color: var(--base-bg-color-faded);
}
#main-focus > .news-station > .entries > div {
	opacity: 0.8;
	font-size: 0.8em;
}
#main-focus > .news-station > .entries > div:first-child {
	opacity: 1;
	font-size: 1em;
}

#main-focus > .recent-posts {
	flex: 1 1;
}
#main-focus > .recent-posts > .rp-end, #main-focus > .news-station > .entries > div {
	margin-bottom: 1rem;
}
#main-focus > .recent-posts > .rp-end:last-child, #main-focus > .news-station > .entries > div:last-child {
	margin-bottom: 0;
}




#online {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	gap: 1rem;
}
#online > .who {
	flex: 4 1;
	background-color: var(--box-alt-bg-color);
	padding: 1rem;
}
#online > .discord {
	flex: 1 1;
	max-width: 320px;
}


#quick-stats > .live-counts {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	gap: 1rem;
}
#quick-stats > .live-counts > div {
	min-width: 250px;
	flex: 1 1;
	background-color: var(--box-bg-color);
	padding: 1rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	gap: 1rem;
}
#quick-stats > .live-counts > div > .details {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	gap: 0.25rem;
}
#quick-stats > .live-counts > div > .details > div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	gap: 0.5rem;
	border-bottom: 1px solid var(--base-txt-color-muted);
}
#quick-stats > .live-counts > div > .details > div > b {
	flex-grow: 1;
}



#cotm {
	
}

#cotm > .cotm-ava {
	width: 100%;
	min-height: 10vh;
	padding: 2rem;
}
@media (max-width: 699.98px) {
	#cotm > .cotm-ava {
		min-width: 100px;
		max-width: 100px;
	}
	
	#online { flex-direction:column; align-items:center; }
	
}
@media (min-width: 700px) {
	#cotm > .cotm-ava {
		min-width: 175px;
		max-width: 175px;
	}
}
@media (min-width: 1000px) {
	#cotm > .cotm-ava {
		min-width: 250px;
		max-width: 250px;
	}
}

#cotm > .cotm-details {
	padding: 1rem 2rem;
	flex: 4 1;
}

#cotm > .cotm-read {
	padding: 1rem;
	flex: initial;
}