.section{
	padding: 2em 0;	
}

.section.black{
	background-color: black;
}

.demands-container.black{
	color: white !important;
}

.demands-container.black h2{
	color: white;
}

.section.red{
	background-color: #ea3238;
}

.section.center{
	text-align: center;
}

.small-container.center{
	text-align: center;
	font-size: 18px;
	font-family: 'JetBrains Mono';
	font-weight: 400;
	color: white;
}

.signatories-count{
	margin-top: 48px;
	margin-bottom: 48px;
}

#menu-container a{
	font-size: 18px;
	font-family: 'JetBrains Mono';
	font-weight: 400;
	color: #ea3238;
	text-decoration: none;
	display: inline-block;
	margin-right: 1.5em;
}

#menu-container a:hover{
	color: white;
	text-decoration: underline;
}

#title-container h2{
	font-family: 'JetBrains Mono';
	font-weight: 500;
	font-size: 22px;
	color: white;
	margin-top: 2.5em;
	margin-bottom: .25em;
}

#title-container h1{
	color: #ea3238;
	font-family: 'Bebas Neue';
	font-size: 60px;
	font-weight: 400;
	margin-top: 0;
	line-height: .9em;
	margin-bottom: 55px;
}

ul.header-links{
	list-style-type: none;
	display: block;
	padding: 0;
}

.header-links li{
	display: inline-block;
}

.header-links a{
	font-size: 18px;
	font-family: 'JetBrains Mono';
	font-weight: 400;
	color: #ea3238;
	text-decoration: none;
	display: inline-block;
	margin-right: 1.5em;
}

.button-container .square-button{
	display: inline-block;
	padding: .75em 1em;
	border: 1px solid white;
	text-decoration: none;
	color: white;
	margin-bottom: 2em;
	font-family: 'JetBrains Mono';
	font-weight: 400;
	margin-right: 2em;
}

.button-container .square-button:hover{
	color: white;
	border-color: white;
	background-color: #ea3238;
}

.square-button.red{
	color: #ea3238;
	border-color: #ea3238;
}

.square-button.red:hover{
	color: white;
	border-color: #ea3238;
	background-clor: #ea3238;
}

#main{
	padding-bottom: 72px;
}

#date-container{
	text-align: right;
	font-family: 'JetBrains Mono';
	font-size: 13px;
}

.demands-container p{
	font-family: 'JetBrains Mono';
	text-align: justify;
	line-height: 1.5em;
}

.demands-container h2{
	font-family: 'Bebas Neue';
	font-weight: 400;
}

#demands-head{
	margin: 2em 0;
	font-family: 'JetBrains Mono';
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.25em;
}

.demands-list {
	margin: 2em 0;
	font-family: 'JetBrains Mono';
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.25em;
}

.demands-list li{
	margin: 1em 0;
}

.demands-list li em{
	color: #ea3238;
}

.signatories-header{
	text-align: center;
}


.signatories-header h1{
	color: black;
	font-family: 'Bebas Neue';
	font-size: 60px;
	font-weight: 400;
	line-height: .9em;
	margin: 1.25em 0 0 0;
}

.signatories.black .signatories-header h1{
	color: white;
}

.signatories-header a, .signatories-header a:hover{
	color: #ea3238;
	font-family: 'JetBrains Mono';
	text-decoration: underline;
}

.signatories-header a seg{
	font-size: 1.25em;
}

p a, p a:hover{
	color: #ea3238;
	text-decoration: underline;
}

#footer-links{
	padding: 48px 0;
	font-family: 'JetBrains Mono';
	color: white;
}

#footer-links a:first-child{
	padding-left: 20px;
}
#footer-links a{
	font-size: 18px;
	font-family: 'JetBrains Mono';
	font-weight: 400;
	color: white;
	text-decoration: none;
	display: inline-block;
	margin-right: 1.5em;
}

#footer-links a:hover{
	color: white;
	text-decoration: underline;
}

#footer-contact, #footer-contact a {
	font-family: 'JetBrains Mono';
	color: white;
}
.inline-right{
	margin-left: 20px;
	display: inline-block;
}
.inline-right, .inline-right a, .inline-right p{
	margin-right: 0;
	text-align: right;
}

.petition-frame{
	margin-top: 64px;
	margin-bottom: 64px;
	width: 100%;
	height: 500px;
	overflow-y: scroll;
	max-height: 100vh;
	border: 1px solid black;
}

.signatories.black .petition-frame{
	border-color: white;
}

.petition-frame ul {
	list-style-type: none;
	padding-inline-start: 20px;
	padding-inline-end: 20px;
}

.signatories.black .petition-frame ul li{
	color: white;
}


.petition-frame ul li {
	color: black;
	font-family: 'JetBrains Mono';
}

.hidden{
	display: none;
}