Johnny's MyAmeriCorps Website by moonexpr

/* ==UserStyle==
@name           my.americorps.gov - 11/1/2023, 11:29:42 AM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("my.americorps.gov") {
	
:root {
	--page-width: 1200px;
	--vgutter-length: calc(50vw - var(--page-width) / 2);
	--vcontent-length: calc(var(--page-width) + var(--vgutter-length));
}
	
/* Johnny: Honestly, no idea. */
@media screen and (min-width: 1600px) {
	body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(2) {
		max-width: 3vw;
	}
}

@media screen and (max-width: 1600px) {
	:root {
		--page-width: 800px !important;
		--vgutter-length: calc(50vw - var(--page-width) / 2);
		--vcontent-length: calc(var(--page-width) + var(--vgutter-length));
	}
}

body > table {
	min-width: 100%;
	height: 100%;
}

body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) {
	width: var(--vcontent-length);
}


body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(1),
body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(3) {
	max-width: 0;
}

body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1),
body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(2) {
	padding-left: var(--vgutter-length);
}

body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(4) {
	padding-right: var(--vgutter-length);
}


/* Copyright / Footer */
body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(1) > table:nth-child(4) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > table:nth-child(1) {
	margin-right: calc(var(--vgutter-length) - 5rem);
}

}