@charset "UTF-8";
/* CSS Document */
body
{
	background-color: powderblue;
	text-align: center;
	font-family:Indigo;
	font-size: 30px;
}
header{
	font-family:"Vintage Party FreeVersion";
	font-size: 80px;
	text-align: center;
}

h1 {
	font-family:Indigo;
	background-color: lightpink;
	font-size: 50px;
	color: black;
	text-align: center;
}
p{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 20px;
	color: black;
}
h2{
	font-family:Indigo;
	background-color: lightpink;
	font-size: 50px;
	color: black;
	
}
h3{
	font-family:"Vintage Party FreeVersion";
	font-size: 70px;
	color: black;
	text-align: center;
}
ul{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 20px;
	color: black;
}
.sticky
{
	
	position: sticky;
	top:0;
	padding: 5px;
}
.column
{
	font-family:Indigo;
	font-size:30px;
	background-color:powderblue;
	padding:20px;
	border:2px powderblue;
	box-sizing:border-box;
	display: inline-block;
	width:33%;
}
.left
{
	text-align: center;
}
.center
{
	text-align: center
}
.right
{
	text-align: center;
}
.container
{
	display:flex;
	justify-content: center;
}
.row
{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}
.column
{
  flex:25%;
  max-width:25%;
  padding:15px;
}
.column img
{
  width:100%;
  max-width:100%;
  margin:10px;
  vertical-align:middle;
}
.grid
{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	justify-content: space-evenly;
	grid-gap: 1vw;
	margin:1vw;
}
.grid-item
{
	background-color:lightpink;
	padding:1.5vw;
	text-align: center;
	font-size: 2.5vw;
	font-family:Indigo;
	font-weight: 200;
}
@media screen and (max-width:800px)
{
  .column
  {
    flex:50%;
    max-width:50%;
  }
}
@media screen and (max-width:600px)
{
  .column
  {
    flex:100%;
    max-width:100%;
  }
}