body
{
	background: #000000;
	margin: 0px;
}

img.tn
{
	max-width: 30%;
}

#page-wrapper {
	background: url(img/bg1.jpg);
	background-size: contain;
	margin: 2%;
}

#header
{
	background: rgb(93,255,133);
	background: linear-gradient(0deg, rgba(93,255,133,1) 0%, rgba(45,242,253,1) 15%, rgba(45,88,253,1) 28%, rgba(187,45,253,1) 46%, rgba(253,45,214,1) 62%, rgba(253,45,120,1) 84%);
	padding: 2rem;
}

#header p
{
	font-family: arial;
	font-size: 1rem;
}

#header .title {
	font-family: 'Gloria Hallelujah', 'comic sans ms';
	font-size: 2rem;
	background: #000000;
	padding: 2px;
}

#header .headline {
	color: #2df2fd;
	text-shadow: 1px 1px 1px #2df2fd, 3px 3px 5px #2df2fd;
	font-size: 1.7rem;
	letter-spacing: 1rem;
	font-family: 'Bebas Neue', Impact;
	text-transform: uppercase;
}

#header .names {
	max-width: 20%;
	margin-left: auto;
	margin-right: auto;
	word-break: break-all;
}

#content
{
	max-width: 60%;
	background: #2d58fd;
	color: black;
	margin: 50px auto 50px auto;
	padding: 20px;
	font-family: 'arial black';
	font-size: 1.3rem;
	border: 3px solid #000000;
}

.center
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.butter
{
	float: left;
	margin-left: 10%;
}

.footer
{
	font-family: 'Eater', 'arial black';
	font-size: 2rem;
	background: rgb(253,250,45);
	color: #000000;
	background: linear-gradient(0deg, rgba(253,250,45,1) 15%, rgba(45,253,79,1) 43%, rgba(45,242,253,1) 65%);
	word-break: break-all;
	max-width: 100%;
}

.snowflake {
  color: #fff;
  font-size: 2em;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}