@font-face {
  font-family: "Sunny Sunday";
  src: url('SunnySunday.woff2') format('woff2');
}
#container {
	flex: 1 1 auto;
	/*grow vertically*/
	text-align: center;
	padding-top: 2em;
	padding-left: 2em;
	padding-right: 2em;

}
html{
	background-image: linear-gradient(to right, #8fe4ff , #fcb9c5);
}
html,body{
	margin: 0;
	padding: 0;
	height: 100%;
}
body{
	display: flex;
	flex-direction: column;
	align-items: center;
    font-family: serif;
	color: #FAFAFA;
    text-align: center;
	margin-left: 0;
	margin-right: 0;
}
header, article, footer{
	background: #ff5cb0;
}
article{
	position: relative;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2em;
	border: 1em #FAFAFA solid;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 2em;
	filter: drop-shadow(0px 5px 8px #C47);
}
header{
	position: relative;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2em;
	border: 1em #FAFAFA solid;
	padding: 2em;
	filter: drop-shadow(0px 5px 8px #C47);
}
footer{
	/*max-height:  10em;*/
	border-top: 0.5em white solid;
	width: 100%
}
footer>div{
	margin-left: 2em;
	margin-right: 2em;
}
.party{
	/*font-size: 0.7em;*/
}
#fakePixelPic td{
	width: 3em;
	height: 3em;
}
#avatar{
	width: 18em;
	filter: blur(20px) hue-rotate(-20deg) saturate(2);
    margin: -40px -40px -40px -40px;
}
#avatarContainer {
    display: inline-block;
    overflow: hidden;
	filter: drop-shadow(0px 5px 8px #FAFAFA);
	border: 5px white solid;
}
#fakePixelPic td, #fakePixelPic tr{
	border: 0;
	padding: 0;
}
table#fakePixelPic{
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	filter: drop-shadow(0px 5px 8px #FAFAFA);
	border: 5px white solid;
}
a{
	/*color: #14ffc8;*/
	color: #282828;
}
h1{
	font-family: "Sunny Sunday", "Comic Sans", sans-serif;
	font-size: 2em;
	letter-spacing: -0.04em;
}
#logo{
	font-size: 3em;
	letter-spacing: -0.1em;
}
.ideaTitle{
	font-family: "Sunny Sunday", "Comic Sans", sans-serif;
	font-size: 2em;
	letter-spacing: -0.1em;
	margin: 0;
}
.ideaText{
	background-color: rgba(255,255,255,0.6);
	padding: 1em;
}
.ideaText>p{
	filter:drop-shadow(0px 0px 4px white);
}
.idea{
	border-bottom: 0.5em solid white;
	border-top: 0.5em solid white;
	font-size: 1.5em;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 5em;	
	color: #282828;
	background-size: cover;
}
#aaarghvertise{
	text-align: initial;
}
@media (min-resolution: 200dpi) {
  body {
    font-size: 2em;
  }
  #logo{
	font-size: 1.5em;
  }
}
@media (max-aspect-ratio: 9/16) {
  article{
	border-radius: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding: 1.5em;
  }
  header{
	border-radius: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding: 1.5em;
  }
  #container {
	padding-left: 1em;
	padding-right: 1em;
  }
}