.sidez{
	background-color: 
	 #cc99ff;
}

.hug {
	border: solid 
	 #cc99ff;
	background-color: #FFF;
	width:1100px;
	height:1300px;
	overflow:hidden;
	margin:0 auto;
}
article {
	font-family: 'Arima Madurai', cursive;
}

h1 {
	position: relative;
    top: -810px;
    left: -40px;
	font-family: 'Arima Madurai', cursive;
    font-weight: 400;
    font-size: 500pt;
}

h2 {
	position: relative;
    top: -2150px;
    left: 300px;
	font-family: 'Arima Madurai', cursive;
	font-weight: 300;
	font-size: 36pt;
}
 
.duh {
	font-weight: 100;
	border: solid;
	border-color: #662D91;
	position:relative;
	top:-2365px;
	right:450px;
	left: 375px;
	height: 150px;
	width: 150px;
	transform: rotate(45deg);
}

.extra {
	text-align:center;
	line-height: 1.5;
	height:150px;
	width: 150px;
	position: relative;
	top: -10px;
	right: -5px;
	transform:rotate(-45deg);
}

.reg {
	font-weight:500;
}
.duh2 {
	font-weight:200;
	border: solid;
	border-color: #662D91;
	position:relative;
	top:-2400px;
	right:300px;
	left: 500px;
	height: 150px;
	width: 150px;
	transform: rotate(45deg);
}

.duh3 {
	font-weight:300;
	border: solid;
	border-color: #662D91;
	position:relative;
	top:-2340px;
	right:300px;
	left: 500px;
	height: 150px;
	width: 150px;
	transform: rotate(45deg);
}

.duh4 {
	font-weight:400;
	border: solid;
	border-color: #662D91;
	position:relative;
	top:-2279px;
	right:300px;
	left: 500px;
	height: 150px;
	width: 150px;
	transform: rotate(45deg);
}

.duh5 {
	font-weight:500;
	border: solid;
	border-color: #662D91;
	position:relative;
	top:-2219px;
	right:300px;
	left: 500px;
	height: 150px;
	width: 150px;
	transform: rotate(45deg);
}

.duh6 {
	font-weight:700;
	border: solid;
	border-color: #662D91;
	position:relative;
	top:-2250px;
	right:450px;
	left: 375px;
	height: 150px;
	width: 150px;
	transform: rotate(45deg);
}

.duh7 {
	font-weight:800;
	border: solid;
	border-color: #662D91;
	position:relative;
	top:-2530px;
	right:300px;
	left: 248px;
	height: 150px;
	width: 150px;
	transform: rotate(45deg);
}

.duh8 {
	font-weight:900;
	border: solid;
	border-color: #662D91;
	position:relative;
	top:-2562px;
	right:450px;
	left: 120px;
	height: 150px;
	width: 150px;
	transform: rotate(45deg);
}
.ugh{
	max-width: 400px;
	position: relative;
	bottom:1775px;
	left:2.5em;
	line-height: 1.5;

}

.text {
	color: #662D91;
	text-align: left;
	font-weight: 400;



}

.top {
	font-weight: 900;
	font-size: 21pt;
	text-align: center;
	padding: 130px 0 50px;
}

.curve {
	font-weight: 500;
	font-size: 12pt;
	text-align: center;
}

.upside {
	padding:50px 0;
	text-align: center;
	transform: rotate(180deg);
	}

.side { 
	padding:100px 2em 50px;
	font-weight: 900;
	font-size: 14pt;
	text-align: center;
}

.square {
	height: 50px;
	width: 50px;
	padding: 25px;
	font-size: 21pt;
	font-weight: 900;
	text-align: center;
	color:#000;
	transform: rotate(-45deg);
}

.diamond {
	position:relative;
	top:50px;
	left:100px;
	height: 100px;
	width: 100px;
	transform: rotate(45deg);
	background-color:#FFF;
	
}

.diamond2 {
	position:relative;
	left:100px;
	height: 100px;
	width: 100px;
	transform: rotate(45deg);
	background-color:#FFF;	
}

.bottom {
	text-align: center;
	font-weight: 900;
	font-size: 14pt;
}

aside { 
	font-family: 'Arima Madurai', cursive;
	color: #FFF;
	position: relative;
	left:800px;
	top: -3800px;
	width: 300px;
	height: 1300px;
	background: #662D91;

}