@font-face {
    font-family: 'pixel';
    src: url('../asset/font.TTF');
    font-weight: normal;
    font-style: normal;
}
body
{
	margin: 0 0;
	overflow: hidden;
}
canvas
{
}
#wrapper
{

	margin: 0 auto;
	overflow: hidden;
	background: url(../asset/sky3.png);
	background-size: 100% 100%;
}
#happy
{
    font-family: 'pixel';
    font-size: 68px;
    text-shadow: #9C35D0 1px 1px 1px, #9C35D0 -1px 1px 1px, #9C35D0 -1px -1px 1px, #9C35D0 1px -1px 1px;
    display: none;
    color : white;
    position: absolute;
    width: 1000px;
    z-index: 2;
    top: 20%;
    margin-left: -500px;
    left: 50%;
}
#message
{
    font-family: 'pixel';
    font-size: 32px;
    text-shadow: #9C35D0 1px 1px 1px, #9C35D0 -1px 1px 1px, #9C35D0 -1px -1px 1px, #9C35D0 1px -1px 1px;
    display: none;
    color:white;
    position: absolute;
    z-index: 2;
    top: 60%;
    left: 50%;
}
#link
{
    font-family: 'pixel';
    font-size: 16px;
    text-shadow: #129252 1px 1px 1px, #129252 -1px 1px 1px, #129252 -1px -1px 1px, #129252 1px -1px 1px;
    position: absolute;
    z-index: 2;
    bottom: 2%;
    right: 2%;
}
#MR
{
    font-family: 'pixel';
    font-size: 16px;
    text-shadow: #129252 1px 1px 1px, #129252 -1px 1px 1px, #129252 -1px -1px 1px, #129252 1px -1px 1px;
    position: absolute;
    z-index: 2;
    bottom: 2%;
    left: 2%;
}