body{
	background : rgba(115,170,160,1.00);
}
pre {
	font-family: "Times New Roman", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	letter-spacing: 0.2vw;
	word-spacing: 0.2vw;
	text-align: center;
	font-size: 1.7vw;
}
p{
	padding:0 2vw;
	font-family: "Times New Roman", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	letter-spacing: 0.2vw;
	word-spacing: 0.2vw;
	text-align: justify;
	font-size: 1.7vw;
}

#third, #first, #second, #fourth{
	overflow: auto;
	transition:all 0.5s ease-in-out;
	width: auto;
	height: 0;
	visibility: hidden;
	
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

header{
	border-radius: 2vw 2vw 0 0;
	margin: auto;
	background: rgba(69,139,134,1.00);
	margin-top: 2vw;
	width: 70vw;
}
.main{
	width: 70vw;
	margin: auto;
	background: rgba(69,139,134,1.00);
	border-radius: 0 0 2vw 2vw;
	padding-bottom: 3vw;
}
h3{
	font-family: "Times New Roman", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	letter-spacing: 0.2vw;
	word-spacing: 0.2vw;
	text-align: center;
	margin: auto;
	font-size: 2.5vw;
	padding: 2vw;
	
}
.main article:nth-child(1){
	background-color: rgba(208,255,0,0.50)
}
.main article:nth-child(2){
	background-color: rgba(255,0,4,0.50)
}
.main article:nth-child(3){
	background-color: rgba(34,0,255,0.50)
}
.main article:nth-child(4){
	background-color: rgba(255,0,221,0.50)
}

h2{
	font-family: "Times New Roman", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	letter-spacing: 1vw;
	word-spacing: 1vw;
	text-align: center;
	margin: auto;
	padding: 3vw;
	font-size: 3vw;
}

@media only screen and (max-width: 700px) {
	h2{
	font-size: 4vw;
}
	
h3{
	font-size: 3.5vw;
	
}
	
pre {
	font-size: 2.7vw;
}
p{
	font-size: 2.7vw;
}
}