.webrings {
	display: flex;
	gap: 0.5rem;
	flex-flow: row wrap;
	align-items: center;
}
ul.webrings {
	list-style: none;
	padding: 0;
}
ul.webrings>li {
	margin: 0;
	display: inline-block;
}
.webrings>div, .webrings>table {
	flex-grow: 1;
	flex-shrink: 1;
	
	margin: 0 !important;
	width: fit-content !important;
}
.webrings table, .webrings table th, .webrings table td { /* make them NOT look like shitty tables */
	background-color: transparent;
	border: none;
}

#autiring {
	max-width: 200px;
}
#deltaring {
	padding: 4px;
}

#hotline {
	display: flex;
	gap: 0.2rem;
	justify-content: stretch;
	max-height: 4rem;
}
#hotline button {
	font-size: 1rem;
	margin: 0;
	width: 100%;
	height: 100%;
}

#ncring table {
	margin: 0;
}

#PikRing {
	max-width: 230px;
	max-height: 250px;
	width: 100%;
	height: 100%;
}
#PikRing p {
	margin: 0.5em 0;
}
#PikRing img {
	width: 100%;
	height: auto;
	max-width: 100px;
}

#roring {
	text-align: center;
}

#tmring {
	width: 230px !important;
	height: fit-content;
}

#smallvocaring table {
	margin: 0 auto;
}

#wiiRing {
	max-width: 200px;
	max-height: 200px;
}