Template:Project talk header/styles.css

.PTHcontainer {
	border-radius: 20px;
	background: #fff; 
	border: 3px solid #4E8234; 
	margin: auto auto 1em auto; 
	padding: 3px; 
	text-align: center; 
	width: 100%;
}

.PTHtop {
	border-radius: 20px;
	padding: 15px 5px 10px 5px;
}

.PTHtitle {
	font-size: 256%;
	line-height: 100%;
	margin-bottom: 5px;
}

.PTHsubtitle {
	margin-top: 10px; 
	padding-bottom: 5px;
}

.PTHnote {
	padding-bottom: 10px
}

.PTHnotetitle {
	background: #C4E673; 
	font-size: 150%;
}

.PTHnotetext {
	padding-top: 8px;
}

.PTHarchive {
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background: #C4E673; 
	padding: 3px; 
	margin-top: 3px;
}

@media (min-width: 800px) {
	.PTHtop {
		display: grid;
		grid-template-columns: 100px 1fr 100px; 
		gap: 5px;
	}
	
	.PTHtitle {
		grid-column: 2 / 3;
	}
	
	.PTHimage {
		grid-column: 3 / 4; grid-row: 1 / 3;
	}
	
	.PTHsubtitle {
		grid-row: 2; grid-column: 1 / 3;
	}
}