User:ExE Boss/Sandbox/FPBox.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/*************************
* Front page (FP) styles *
*************************/

#mf-welcome {
	text-align: center;
}

#fpvideocontainer {
	height: calc(100% - 35px);
	display: flex;
	align-items: center;
	justify-content: center;
}

#fptopsection,
#fpmidsection,
.fpbox-section {
	display: flex;
	flex-flow: row wrap;
}

.fpbox {
	background: #0000001A;
	border: 1px solid #176D70;
	border-radius: 0.3em;
	box-shadow: #000 0 0.1em 0.5em;
	margin: 10px 5px;
	padding: 0.5em;
}

.fpbox.fpcontent {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.fpbody.multicol {
	columns: 2 8em;
}

.fpbody.multicol .no-break-inside,
.fpbody.multicol div.no-break-inside > p {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

/****************
* End FP styles *
****************/