H1 {
		Font-size: 30px;
		text-align: center;
		Color: blue;
		text-shadow: darkgray 2px 2px;
		Margin-bottom: 2px;
		
}

h2 {
		text-align: center;
}

h4 {
		text-align: center;
}

Body {
		background-color: #fffaf0;
		}
		
.container {
		width: 780px;
		margin-top: 0;
		Margin-right: auto;
		Margin-bottom: 0;
		Margin-left: auto;
		
	}		

P {	
		background-color: beige;
		border: 1px solid red;
		padding: 3px;
}

.text {

	text-align: center;
}

Main{
	
		font-weight: bold;
		text-align: right;
	} ,

	section.typeA {
			display: flex; 
			flex-wrap: wrap;
	}
	
	section.typeA::after {
			content: ' ';
			width: 100%;
			height: 3px;
			order: -1;
			display: block;
			background: rgba(0,137,167,.7);
			}
	section.typeA.tabLabel {
			margin-right: 3px;
			padding: 3px 12px;
			flex: 1;
			order: -1;
			border-radius: 3px 3px 0 0;
			color: #444;
			background: rgba(0,137,167,.3);
			transition: .5s ;
			cursor: pointer;
	}
	
	section.typeA .tabLabel: noh-last-of-type(1) {
		margin-right: 0;
	}
	section.typeA input {
		display: none;
	}
	section.typeA .content {
		width: 100%;
		height: 0;
		overflow: hidden;
		opacity: 0;
	}
	
	section.typeA input:checked + .tabLabel {
		color: #fff;
		background: rgba(0,137,167,.7);
	}
	
	section.typeA input:checked + .tabLabel + .content {
		padding: 15px;
		height: auto;
		overflow: auto;
		box-shadow: 0 0 5px rgba(0,0,0,.2);
		transition: .5s opacity;
		opacity: 1;
	}