/* Set the font family, background colour, and remove any margins/padding from the body element */
body {
	font-family: 'Poppins', sans-serif;
	background-color: #f2f2f2;
	margin: 0;
	padding: 0;
}

/* Center the h1 heading and add margin to the top and bottom */
h1 {
	text-align: center;
	margin: 20px 0;
}

/* Remove default list styles, set margins/padding to 0, create a flex container, and center the items */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

/* Add margin to the list item elements */
li {
	margin: 10px;
}

/* Remove default link styles, set text colour, create a flex container with column direction, and center the items */
a {
	text-decoration: none;
	color: #333;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Change background colour and text colour on hover */
a:hover {
	background-color: #333;
	color: #fff;
}

/* Add margin to the paragraph elements and set font size */
p {
	margin-top: 10px;
	font-size: 18px;
}

/* Create a table with collapsed borders and 100% width */
table {
    border-collapse: collapse;
    width: 100%;
  }
  
  /* Add border and padding to table cells, and center the text */
  th, td {
    border: 1px solid black;
    padding: 8px;
    text-align: center;
  }
  
  /* Add a background colour to the table headers */
  th {
    background-color: #ddd;
  }