body
{
	background-color: #CCCCFF;
	font-family: 'Modak', cursive, arial,sans-serif;
}

h1
{
	font-size: 70px;
	font-weight: normal;
	margin: 10px;
	padding-left: 50px;
	color: #4444AA;
	border-radius: 25px;
    background: #AAAAEE;
    min-width: 8em;
    max-width: 8em;
}

#imageGrid
{
	border-radius: 25px;
	margin: 1em auto;
	min-width: calc(200px + 50%);
	width: 90%;
	background-color: #EEEEFF;
}

.inline-block-center {
  text-align: center;
}
.inline-block-center div {
  display: inline-block;
  text-align: left;
}

img
{
	max-width: 400px;
	width: 90%;
	padding: 15px;
}

#fullScreenDisplay
{
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
	
	display: none;
	
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(255, 255, 255, 0.7);
}