Template:Main Page social link/styles.css

.mp-social-link {
	display: grid;
	grid-gap: 5px;
	grid-template-columns: 32px 200px;
	grid-template-rows: auto;
	grid-template-areas:
	"icon name"
	"caption caption";
	align-items: center;
}

.mp-social-icon {
	grid-area: icon;
}

.mp-social-icon.mp-twitter {
	color: #1D9BF0;
}

.mp-social-icon.mp-discord {
	
}

.mp-social-icon.mp-reddit {
	
}


.mp-social-name {
	grid-area: name;
}

.mp-social-caption {
	grid-area: caption;
}