<!-- css is very important as it makes everything uniffprm in iyts syling. this wouldnt be the case if everythingh was individual, but this is done in groups-->
h1
{text-align: center;
background-color: #527AD5;
color:#FFE902;
padding:20px;
font-size:100px;
font-family: "Impact";
margin: 0;}

div
{text-align: center;
font-size:60px;}
body
{background-color:#F8F4E7;
margin: 0;}
footer{position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color:#527AD5 ;
color: white;
font-family: "impact";
text-align: center;}
q
{font-family:"Times New Roman";}
print
{font-family:"Times New Roman";}
.container{
	width:1200px;
	margin: auto; /* centres block element */
	display:flex;
	flex-wrap: wrap;
	column-gap: 3%;
	padding-top: 100px;
}
.card{
		
	    text-align: center;
	    flex :0 0 30%;
	    margin-bottom:5%;
		
	}
img{
	width:100%;
	
}
iframe
table, caption{
	font-size: 50px;
	align-content: center;}
table, th, td {
	border: 1px solid black;	
	align-content: center;
	text-align:center;
	padding: 30px
}
.corrections{
	font-size: 30px;
	text-align: left;
}
.passives {
	border: thin double black;
}