body { margin: 0px; padding: 0px; font-family:"Arial"; overflow-x:hidden; }

img { position: absolute; display: block; margin: 0px; border: none; padding: 0px; }

div { position: absolute; }

#content-container { display: block; position: relative; width: 1440px;  margin-left: auto; margin-right: auto;  }

#content-container > div{ position: relative; top:inherit; }
#page_desktop__ek1 {
	top: 0px;
	left: 0px;
	width: 1440px;
	height: 1024px;
}

#_bg__desktop__ek2 {
	top: 0px;
	left: 0px;
	width: 1440px;
	height: 1024px;
	background:rgba(255,255,255,1);
}


#_6415d543fb45c77939a78df29366652c_1 {
	top: 0px;
	left: 0px;
	width: 1440px;
	height: 1024px;
}


#ghana_flag_1 {
	top: 14px;
	left: 19px;
	width: 100px;
	height: 100px;
}


#paragraph{
	top: 90px;
	left: 242px;
	width: 1044px;
	height: 124px;
	overflow: hidden;
	font-family: Poppins;
	font-size: 26px;
	text-align: left;
	color:#FFFFFF;
	overflow: visible;
}


#yob_box {
	top: 357px;
	left: 584px;
	width: 339px;
	height: 36px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background:rgba(255,255,255,1);
}


#birthday_box {
	top: 567px;
	left: 584px;
	width: 339px;
	height: 36px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background:rgba(255,255,255,1);
}


#birthmonth_box {
	top: 497px;
	left: 584px;
	width: 339px;
	height: 36px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background:rgba(255,255,255,1);
}


#birthcentury_box {
	top: 427px;
	left: 584px;
	width: 339px;
	height: 36px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background:rgba(255,255,255,1);
}


#year_of_birth {
	top: 357px;
	left: 267px;
	width: 154px;
	height: 56px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 30px;
	text-align: left;
	color:#000000;
}


#birth_day {
	top: 567px;
	left: 267px;
	width: 119px;
	height: 56px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 30px;
	text-align: left;
	color:#000000;
}


#birth_month {
	top: 497px;
	left: 267px;
	width: 148px;
	height: 56px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 30px;
	text-align: left;
	color:#000000;
}


#birth_century {
	top: 427px;
	left: 267px;
	width: 161px;
	height: 56px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 30px;
	text-align: left;
	color:#000000;
}


#akan_name {
	top: 771px;
	left: 257px;
	width: 467px;
	height: 150px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 48px;
	text-align: left;
	color:#FFFFFF;
}


#rectangle_6 {
	top: 777.5px;
	left: 529.5px;
	width: 473px;
	height: 46px;
	border-radius: 40px;
}


#rectangle_7 {
	top: 194px;
	left: 1052px;
	width: 377px;
	height: 419px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background:rgba(196,196,196,1);
}


#line_1 {
	top: 403px;
	left: 969px;
	width: 419px;
	height: 1px;
	
	-ms-transform:rotate(90.4deg);
	-o-transform:rotate(90.4deg);
	-webkit-transform:rotate(90.4deg);
	-moz-transform:rotate(90.4deg);
	transform:rotate(90.4deg);
	background:#FFFFFF;
}


#line_9 {
	top: 404px;
	left: 1091px;
	width: 419px;
	height: 1px;
	
	-ms-transform:rotate(90.13deg);
	-o-transform:rotate(90.13deg);
	-webkit-transform:rotate(90.13deg);
	-moz-transform:rotate(90.13deg);
	transform:rotate(90.13deg);
	background:#FFFFFF;
}


#line_2 {
	top: 269px;
	left: 1055px;
	width: 374px;
	height: 1px;
	background:#FFFFFF;
}


#line_3 {
	top: 567px;
	left: 1054px;
	width: 374px;
	height: 1px;
	background:#FFFFFF;
}


#line_4 {
	top: 522px;
	left: 1054px;
	width: 374px;
	height: 1px;
	background:#FFFFFF;
}


#line_5 {
	top: 480px;
	left: 1052px;
	width: 374px;
	height: 1px;
	background:#FFFFFF;
}


#line_6 {
	top: 427px;
	left: 1054px;
	width: 374px;
	height: 1px;
	background:#FFFFFF;
}


#line_7 {
	top: 375px;
	left: 1055px;
	width: 374px;
	height: 1px;
	background:#FFFFFF;
}


#line_8 {
	top: 328px;
	left: 1052px;
	width: 374px;
	height: 1px;
	background:#FFFFFF;
}

#grid_text {
	top: 203px;
	left: 1060px;
	width: 352px;
	height: 400px;
}

#yaa {
	top: 281px;
	left: 138px;
	width: 53px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#yaw {
	top: 281px;
	left: 264px;
	width: 57px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#afua {
	top: 330px;
	left: 138px;
	width: 65px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#ama {
	top: 369px;
	left: 138px;
	width: 63px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}



#kwame {
	top: 369px;
	left: 264px;
	width: 89px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#kofi {
	top: 330px;
	left: 264px;
	width: 58px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#akua {
	top: 242px;
	left: 138px;
	width: 68px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#kwaku {
	top: 242px;
	left: 264px;
	width: 83px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#abenaa {
	top: 187px;
	left: 138px;
	width: 92px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#kwabena {
	top: 187px;
	left: 264px;
	width: 107px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#male_name {
	top: 15px;
	left: 244px;
	width: 113px;
	height: 45px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 24px;
	text-align: left;
	color:#000000;
}


#adwoa {
	top: 137px;
	left: 138px;
	width: 85px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#kwadwo {
	top: 137px;
	left: 264px;
	width: 99px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}

#friday {
	top: 330px;
	left: 21px;
	width: 79px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#saturday {
	top: 369px;
	left: 14px;
	width: 106px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#wednesday {
	top: 235px;
	left: 0px;
	width: 131px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#thursday {
	top: 281px;
	left: 3px;
	width: 110px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#day {
	top: 0px;
	left: 16px;
	width: 94px;
	height: 89px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 48px;
	text-align: left;
	color:#000000;
}


#sunday {
	top: 84px;
	left: 9px;
	width: 91px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#monday {
	top: 137px;
	left: 14px;
	width: 97px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#tuesday {
	top: 186px;
	left: 16px;
	width: 99px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#female_name {
	top: 15px;
	left: 124px;
	width: 133px;
	height: 45px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 24px;
	text-align: left;
	color:#000000;
}


#akosua {
	top: 87px;
	left: 138px;
	width: 90px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#kwasi {
	top: 87px;
	left: 264px;
	width: 75px;
	height: 49.5px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 27px;
	text-align: left;
	color:#000000;
}


#rectangle_8 {
	top: 645px;
	left: 584px;
	width: 165px;
	height: 40px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background:rgba(177.61,41.61,199.75,1);
}


#generate {
	top: 647px;
	left: 618px;
	width: 117px;
	height: 56px;
	overflow: hidden;
	font-family: Rationale;
	font-size: 30px;
	text-align: left;
	color:#FFFFFF;
}

#box1{
	top: 357px;
	left: 584px;
	width: 339px;
	height: 36px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background:rgba(255,255,255,1);
	font-family: poppins;
	font-size: large;
}
#box2{
	top: 567px;
	left: 584px;
	width: 339px;
	height: 36px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background:rgba(255,255,255,1);
	font-family: poppins;
	font-size: large;
}
#box3{
	top: 497px;
	left: 584px;
	width: 339px;
	height: 36px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background:rgba(255,255,255,1);
	font-family: poppins;
	font-size: large;
}
#box4{
	top: 427px;
	left: 584px;
	width: 339px;
	height: 36px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background:rgba(255,255,255,1);
	font-family: poppins;
	font-size: large;
}
#rectangle_3{
	top: 645px;
	left: 584px;
	width: 100px;
	height: 40px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background:rgba(177.61,41.61,199.75,1);
	font-family: poppins;
	color: #FFFFFF;
}
#gender{
	top: 645px;
	left: 270px;
	width: 100px;
	height: 40px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background:rgb(21, 201, 51);
	font-family: poppins;
	position: absolute;
	font-size:15px;
	stroke-width: 3px;
}
#output{
	top: 777.5px;
	left: 529.5px;
	width: 750px;
	height: 46px;
	position: absolute;
	border-radius: 40px;
	background-color: rgb(108, 199, 202);
	color: rgb(187, 60, 138);
	font-size: larger;
	font-family: poppins;
	stroke-width: 3px;
	font-weight: bolder;
}
#reset{
	top: 650px;
	left: 800px;
	width: 50px;
	height: 40px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background:rgba(177.61,41.61,199.75,1);
	position: absolute;
	color: ivory;
}
h1{
	top: 0px;
	left: 600px;
	width: 1044px;
	height: 124px;
	overflow: hidden;
	font-family: Merriweather;
	font-size: 45px;
	text-align: left;
	color:hsl(347, 62%, 50%);
	overflow: visible;
	position: absolute;
}