@charset "UTF-8";

body
{
	font-family: arial, helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	display: block;
	font-family: arial, helvetica, "bitstream vera sans", sans-serif;
	color: black;
	
}

.main
{
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	width : 100%;
}

@media (orientation: landscape)
{
	.dragon
	{
		position: absolute;
		top: 0;
		height: 100%;
		left:0;
		width: 50%;
	}

	.cat 
	{
		position: absolute;
		top: 0;
		height:100%;
		right:0;
		width:50%;
	}

	.ampersand img 
	{
		padding-left: 9%;
	}

}

@media (orientation: portrait)
{
	.dragon
	{
		position: absolute;
		top: 0;
		height: 50%;
		left:0;
		width: 100%;
	}

	.cat 
	{
		position: absolute;
		bottom: 0;
		height:50%;
		right:0;
		width:100%;
	}


}

.dragon img, .cat img 
{
	width: 100%;
	height: 100%;
	transform: scale(1);
}


.ampersand 
{
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
}

.ampersand img 
{
	width: 10%;
	height: 10%;
}


.copyright
{
	position: fixed;
	text-align: center;
	bottom: 0px;
	width: 100%;
	height: 25px;
	font-size: 80%;
}