@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
	
	.flex { display:flex;}
	.half>div { flex:1 1 50%; }
	#content p a, #content li a { font-weight:bold; }
	
	div#hero
	{
		position: relative;
	}
	
	div#hero h3
	{
		text-transform: uppercase;
		position: absolute;
		bottom: 0;
		width: 100%;
		text-align: center;
		color: white;
		text-shadow: 3px 3px 3px #000D;
		font-size: clamp(2rem,11vw,11rem);
		font-weight: 800;
		padding: 0rem;
		line-height:100% !important;
	}
	
	div.link_buttons
	{
		justify-content:space-around;
		margin:1rem 0;
		gap:1rem;
		flex-wrap:wrap;
	}
	
	div.link_buttons a
	{
		flex:1 1 10%;
	}
	
	a.button {
		color:white !important;
		background:#639;
		padding:1rem;
		font-size: clamp(1rem,1.5vw,1.5rem);
		display:flex;
		align-items:center;
		justify-content:center;
		min-width:128px;
		text-align:center
	}
	
	a.button:hover
	{
		color:#FC0 !important;
	}
	
	div#commit
	{
		background: #d1c1e0;
	}
	
	div#commit, div#welcome { padding:1rem; }
	
	div#commit, div#prepare, div#picture, div#welcome
	{
		margin-bottom: 2rem;
	}
	
	div#commit, div#prepare>div.flex, div#picture>div.flex, div#welcome>div.flex
	{
		gap:3rem;
	}
	
	div#commit h4, div#prepare h4, div#picture h4, div#welcome h4 { 
		font-size:clamp(2rem,3.5vw,4rem); 
		padding-top:0;
	}
	
	div#commit h4, div#prepare h4, div#picture h4 { color:black !important;	}
	div#commit h4 { padding:0; }
	div#prepare h4, div#picture h4, div#welcome h4 { text-align:center; }
	
	div#commit p, div#commit li, div#prepare p, div#prepare li, div#picture p, div#picture li, div#welcome p
	{
		font-size:1.3rem;
	}
	
	div#commit div.accordion, div#prepare div.accordion, div#picture div.accordion, div#welcome div.buttons
	{
		flex-direction:column;
		gap:1rem;
	}
	
	div#commit div.accordion h5 { background: #FC0; }
	div#commit div.accordion h5, div#prepare div.accordion h5, div#picture div.accordion h5, div#welcome div.flex a
	{
		font-size: clamp(1.3rem, 1.8vw, 1.8rem);
		padding: 0.5rem;
		font-weight: 400;
		cursor:pointer;
	}
	
	div#prepare div.accordion h5, div#picture div.accordion h5 { 
		color:#639; 
		background:#eee;
	}
	
	div#commit>div.accordion div
	{
		background:white;
		padding:1rem;		
	}
	
	div#prepare h5, div#picture h5, div#welcome div.buttons a
	{
		text-align:center;
	}
	
	div#welcome {
		background:#639;
	}
	div#welcome h4, div#welcome p { color:white; }

	div#welcome div.buttons a
	{
		font-size: clamp(1.3rem, 1.8vw, 1.8rem);
		padding: 0.5rem;
		font-weight: 400;
		background:#FC0;
		color:black !important;
	}
	
	@media screen and (max-width: 800px)
	{
		div#commit, div#prepare>div.flex, div#picture>div.flex, div#welcome>div.flex { flex-direction:column; }
		div#hero h3 { position:initial; background:#639; padding:1rem 0rem; }
	}