@charset "UTF-8";

html, body{
	margin : 0;
	width: 100%;
	height: 100%;
}

#card {
	position : relative;
	width : 100%;
	height : 100%;
	background-color : khaki;
}

#cardtop {
	width : 80%;
	margin-left: 10%;
	margin-right: 10%;
	position: absolute;
	top: 0;
	text-align: center;
	transform: rotate(180deg);
}

.cardmiddle {
	position : relative;
	top : 20%;
	width: 100%;
	height: 60%;
	text-align : center;
}

#cardleft {
	position: absolute;
	transform: rotate(90deg);
}

#cardright {
	position: absolute;
	transform: rotate(270deg);
}

#cardbottom {
	width : 80%;
	margin-left : 10%;
	margin-right : 10%;
	text-align : center;
	position : absolute;
	bottom: 0;
}

.cardtextarea {
	margin : auto;
	width : 100%;
	height : 100%;
}

.cardtitle {
	font-size : 100px;
	font-weight : bold;
	font-family : Verdana;
}

.carddescription {
	font-size: 60px;
	font-family: Helvetica;
}