* {
	margin-left: 30px;
	margin-right: 30px;
}
body{
	background-color:rgb(58, 205, 221);
}
.navigation{
	display: flexbox;
	text-align: center;
}
a{
	text-decoration: none;
	text-align: center;
	color: white;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 20px;
}
.section{
	display: none;
}
.topic{
	height:120px;
	padding-top: 15px;
	border: 3px;
	border-width: 3px;
	border-style: ridge;
	border-color: rgb(183, 183, 183);
	overflow-y: auto;
	border-radius: 10px;
	box-shadow: 
	inset 0 36px 76px rgba(0, 0, 0, 0.2), 
	inset 0 36px 76px rgba(0, 0, 0, 0.15), 
	inset 0 -36px 76px rgba(0, 0, 0, 0.01), 
	0 16px 16px rgba(0, 0, 0, 0.2);
	background-color: rgb(198, 198, 198,0.5);
	margin-top: 30px;


	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 30px;
	text-align: center;
	color:rgb(255, 255, 255);

	
	
}
.headline{
	margin-top: 30px;
	padding-top: 15px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 30px;
	text-align: center;
	color:rgb(255, 255, 255);
}
.topic:hover{
	transform: scale(1.05);
	transition: .7s;
}

.topic:hover{
	flex-grow: 200;
}
.buttons{
	display: flex;
	flex-wrap: wrap; 
	align-items: center;
}
button{
	flex-grow: 1;
	margin-top: 30px;
	color: white;
	border-color: white;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 30px;
	background-color: none;
	border-radius: 8px;
	transition: .7s;
	box-shadow: 
	  inset 0 18px 38px rgba(0, 0, 0, 0.2), 
	inset 0 18px 38px rgba(0, 0, 0, 0.15), 
	  inset 0 -18px 38px rgba(0, 0, 0, 0.01), 
	  0 8px 8px rgba(0, 0, 0, 0.2);
}

button:hover{
	flex-grow: 200;
}
h1{
	color: white;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 30px;	
}
p{
	color: white;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 20px;	
}
.texts{
	margin-top: 10px;
	margin-bottom: 10px;
	color: white;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 20px;	
}
.topicTexts{
	color: white;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 20px;	
	width: 1000px;        
	max-width: 100%; 
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}


.sections{
	/*border: 3px;
	border-style: solid;
	border-color: white;*/
	margin: 10px;
	margin-bottom: 50px;
	padding: 20px;
	border-radius: 10px;
	border-style: ridge;
	border-color: rgb(183, 183, 183);
	background-color: rgb(198, 198, 198,0.5);
	box-shadow: 
	  inset 0 36px 76px rgba(0, 0, 0, 0.2), 
	inset 0 36px 76px rgba(0, 0, 0, 0.15), 
	  inset 0 -36px 76px rgba(0, 0, 0, 0.01), 
	  0 16px 16px rgba(0, 0, 0, 0.2);

}
.sections:hover{
	transform: scale(1.05);
	transition: .7s;
}


.iframes{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
}
iframe{
	border-style: ridge;
	border-radius: 10px;
	padding: 15px;
	box-shadow: 
	  inset 0 18px 38px rgba(0, 0, 0, 0.2), 
	inset 0 18px 38px rgba(0, 0, 0, 0.15), 
	  inset 0 -18px 38px rgba(0, 0, 0, 0.01), 
	  0 8px 8px rgba(0, 0, 0, 0.2);

	width: 360px;        
	max-width: 100%;   
	box-sizing: border-box;
	margin: 0px;

}
ul{
	color: white;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 20px;	
}
table{
	table-layout: fixed;
}
th, td {
	  color: white;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 20px;
	border-radius: 5px;	
	border-radius: 5px;
	border-style:outset;
	background-color: rgba(109, 109, 109, 0.2);
	box-shadow: 
	  inset 0 9px 19px rgba(0, 0, 0, 0.2), 
	inset 0 9px 19px rgba(0, 0, 0, 0.15), 
	  inset 0 -9px 19px rgba(0, 0, 0, 0.01), 
	  0 4px 4px rgba(0, 0, 0, 0.2);
	padding: 10px;
	
}
td{
	background-color: rgb(255, 255, 255, 0.2);
	padding: 35px;
}