Template:Home/ServerInfo/styles.css

.home-server-address__container {
  text-align: center;
}

.home-server-address {
  font-size: 1.7rem;
  font-family: var(--font-family-monospace);
  line-height: 1.2rem;
  transition: all .15s cubic-bezier(.07,.95,0,1);
}
.home-server-address:hover {
  transform: scale(1.1);
  transition: all .15s cubic-bezier(.07,.95,0,1);
}
.home-server-address:active {
  transform: scale(1);
  transition: all .15s cubic-bezier(.07,.95,0,1);
}

.home-server-address-copy {
  font-size: 0.8rem;
  color: var(--color-base--subtle);
  font-variant: all-small-caps;
}

.home-server-ports {
  text-align: center;
  font-size: small;
  font-family: var(--font-family-monospace);
}

#home-serverinfo {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.home-server-details__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.home-server-details {
	display: flex;
	align-items: center;
}

.home-server-details__title {
	font-size: 1.2rem;
	font-weight: 600;
}

.home-serverinfo-bubble {
	padding: 0.1rem 0.6rem;
	margin-left: 0.4rem;
	background: var( --color-surface-3 );
	border-radius: 100px;
	font-size: 0.8125rem;
	font-weight: 500;
	text-transform: uppercase;
}

.bubble--green {
	background: var( --background-color-success );
}

.bubble--red {
	background: var( --background-color-destructive );
}

.bubble--yellow {
	background: var( --background-color-warning );
}