/*CSS file*/
/*Setting variables*/
:root
{
  --icon-height: 140px;
  --icon-width: 200px;
}
/*-----------------------------------------------------------------------------------*/
/*Setting background colour*/
body
{
  background-color: #ADD8E6;
}
/*Aligning h1 and h2 to centre*/
h1
{
  text-align: center;
}
h2
{
  text-align: center;
}
/*Aligning figure caption to centre*/
figcaption
{
  text-align: center;
}
/*Making sure hr is black*/
hr
{
  border: none;
  background-color: black;
}
/*-----------------------------------------------------------------------------------*/
/*Classes*/
/*Class to set an easy to change icon height and width (it failed)*/
.icon
{
  width: var(--icon-width);
  height: var(--icon-height);
}
/*Class for flexbox on main page*/
.image-container
{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}