body {
	margin: 0;
	padding: 0;
	width: 100%;
}

#main_container {
	margin: 0 auto;
	padding-top: 5%;
	padding-bottom: 10%;
	width: 40%;

}


#snowflake {
    transform-origin: 65% 89%;
    -webkit-transform-origin: 65% 89%;
    -moz-transform-origin: 65% 89%;
    -o-transform-origin: 65% 89%;

    -webkit-animation: rotation 10s infinite linear;
    -moz-animation: rotation 10s infinite linear;
    -o-animation: rotation 10s infinite linear;
    animation: rotation 10s infinite linear;
}

#g {
    -webkit-animation: colour 10s infinite;
    -moz-animation:colour 10s infinite;
    -o-animation: colour 10s infinite;
    animation: colour 10s infinite;
}

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to   {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to   {-o-transform: rotate(359deg);}
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to   {transform: rotate(359deg);}
}

@-webkit-keyframes colour {
    0%   {fill: white;}
    25%  {fill: red;}
    50%  {fill: white;}
    75%  {fill: red;}
    100% {fill: white;}
}

@-moz-keyframes colour {
    0%   {fill: white;}
    25%  {fill: red;}
    50%  {fill: white;}
    75%  {fill: red;}
    100% {fill: white;}
}

@-o-keyframes colour {
    0%   {fill: white;}
    25%  {fill: red;}
    50%  {fill: white;}
    75%  {fill: red;}
    100% {fill: white;}
}

@keyframes colour {
    0%   {fill: white;}
    25%  {fill: red;}
    50%  {fill: white;}
    75%  {fill: red;}
    100% {fill: white;}
}


#button {
	text-decoration: none;
	color: black;
	font-size: 12px;
	border-style: solid;
	border-color: black;
	border-width: 2px;
	padding: 0.5%; 
	background-color: white;
}

#button:hover {
	text-decoration: none;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}





/*
	MOBILE
*/

@media only screen and (max-width: 600px) {

body {
	margin: 0;
	padding: 0;
	width: 100%;
}

#main_container {
	margin: 0 auto;
	padding-top: 10%;
	padding-bottom: 10%;
	width: 70%;

}

#button {
	-webkit-appearance: none;
	padding: 2%;
	border-width: 1.5px; 
	background-color: white; 
	border-radius: 9px;
}


}