body {
   min-width: 1300px;
}

#logo {
	position: absolute;
	left:50px;
	width: 250px;
	height: 70px;
	background: url(../images/logo.jpg);
	background-size: 100% 100%;
	}


#icon {
	float:right;
	margin: 100;
	width: 60px;
	height: 60px;
	background: url(../images/cart.jpg);
	background-size: 100% 100%;
	}
	
#content {
	width: 100%;
	height: 50%;
	display: flex;
}

#left {
	position: relative;
	background: lime;
	width: 50%;
	height: 100%;
}

#right {
	position: relative;
	width: 50%;
	height: 100%;
}

#right h3 {
	font-family:Bangla MN;
	font-size:2em;
	position: absolute;
	bottom: -130px;
	left: 80px;
}

#right h1 {
	font-family:Bangla MN;
	font-size:5em;
	position: absolute;
	bottom:-270px;
	left: 80px;
}

#barbie {
    position: absolute;
    width: 500px;
    height: 500px;
    left: 450px;
    top: 200px;
	background: url(../images/barbietwo.jpg);
	background-size: 110%;
	border-radius: 100%;
	opacity: 10;
}

#barbie:hover {
    position: absolute;
    width: 500px;
    height: 500px;
    left: 450px;
    top: 200px;
	background-size: 110%;
	border-radius: 100%;
	opacity: 0.5;
	}

#barbie .text{
	visibility: hidden;
	opacity: 10;
	}

#barbie:hover .text {
	visibility:visible;
	transition: 10;
	margin-left: 40px;
	margin-top: 190px;
	font-size:6em;
	font-family:Pilgi;
	color:#FF1493;
	text-shadow: 0 0;
	}


#barbietwo {
    position: absolute;
    width: 200px;
    height: 200px;
    left: 130px;
    top: 350px;
	background: url(../images/barbiefour.jpg);
	background-size: 110%;
	border-radius: 100%;
}

#barbiethree {
    position: absolute;
    width: 200px;
    height: 200px;
    left: 1070px;
    top: 350px;
	background: url(../images/barbieone.jpg);
	background-size: 100%;
	border-radius: 100%;
	}

#shopping {
    position: absolute;
    left: 320px;
    top: 100px;
}

ul#menuone {
    padding: 30;
}

ul#menuone li {
    display: inline;
}

ul#menuone li a {
    background-color: #FF91B5;
    color: black;
    margin-left:360px;
    margin-top:14px;
    position:absolute;
    padding: 10px 25px;
    font-family: Pilgi;
    font-size: 1.5em;
    text-decoration: none;
}

ul#menuone li a:hover {
    background-color: #FFB6C1;
    height: 54px;
    margin-top:-16px;
}

ul#menutwo {
	padding: 20;
	}
	
ul#menutwo li {
	display: inline;
	}
	
ul#menutwo li a {
    background-color: #48D1CC;
    color: black;
    margin-left:501px;
    margin-top:14px;
    position:absolute;
    padding: 10px 32px;
    font-family: Pilgi;
    font-size: 1.5em;
    text-decoration: none;
}

ul#menutwo li a:hover {
    background-color: #AFEEEE;
    height: 54px;
    margin-top:-16px;
}

ul#menuthree {
	padding: 20;
	}
	
ul#menuthree li {
	display: inline;
	}
	
ul#menuthree li a {
    background-color: #FFFF99;
    color: black;
    margin-left:643px;
    margin-top:-16px;
    position:absolute;
    padding: 25px 50px;
    font-family: Pilgi;
    font-size: 1.5em;
    text-decoration: none;
}


ul#menufour {
	padding: 20;
	}
	
ul#menufour li {
	display: inline;
	}
	
ul#menufour li a {
    background-color: pink;
    color: black;
    margin-left:795px;
    margin-top:14px;
    position:absolute;
    padding: 10px 45px;
    font-family: Pilgi;
    font-size: 1.5em;
    text-decoration: none;
}

ul#menufour li a:hover {
    background-color: #FFE4E1;
    height: 54px;
    margin-top:-16px;
}




ul#list {
    padding: 20;
}

ul#list li {
    display: inline;

}

ul#list li a {
	float:right;
    color: #FF6699;
    padding: 30px 20px;
    font-family: Pilgi;
    font-size: 1.5em;
    text-decoration: none;
}


ul#list li a:hover {
    color: pink;
}


#hilton {
    position: absolute;
    left: 30px;
    top: 130px;
    z-index: 10;
}

#triangleright {
	position: absolute;
	margin-top: 420px;
	margin-left: 990px;
	border-style: solid;
	border-width: 12px 0 12px 24px;
	border-color: transparent transparent transparent black;
}

#triangleright:hover {
	position: absolute;
	margin-top: 420px;
	margin-left: 990px;
	border-style: solid;
	border-width: 12px 0 12px 24px;
	border-color: transparent transparent transparent #FF1493;
}

#triangleleft {
	position: absolute;
	margin-top: 420px;
	margin-left: 370px;
	border-style: solid;
	border-width: 12px 24px 12px 0;
	border-color: transparent black transparent transparent;
}

#triangleleft:hover {
	position: absolute;
	margin-top: 420px;
	margin-left: 370px;
	border-style: solid;
	border-width: 12px 24px 12px 0;
	border-color: transparent #FF1493 transparent transparent;
	}
	
#background {
	opacity: 0.5;
	}	

#pop {
    position: absolute;
    width: 650px;
    height: 600px;
    left: 375px;
    top: 130px;
	background: url(../images/poptwo.jpg);
	background-size: 100%;
	opacity: 10;
}

#x {
	font-family:arial black;
	font-size:1.5em;
	position: absolute;
	top:110px;
	left: 990px;
}

#x:hover {
	font-family:arial black;
	font-size:1.5em;
	color: #FF1493;
	position: absolute;
	top:110px;
	left: 990px;
}

#word {
	font-family:bangla MN;
	font-size:1em;
	position: absolute;
	top:400px;
	left: 820px;
}

#word:hover {
	font-family:bangla MN;
	font-size:1em;
	color: #FF1493;
	position: absolute;
	top:400px;
	left: 820px;
}

#wordtwo {
	font-family:bangla MN;
	font-size:1em;
	position: absolute;
	top:430px;
	left: 820px;
}

#wordtwo:hover {
	font-family:bangla MN;
	font-size:1em;
	color: #FF1493;
	position: absolute;
	top:430px;
	left: 820px;
}

#footer {
	background-color:#FFFF99;
	width:20%;
	padding:260px 600px;
	left:0;
	position:absolute;
	top:280px;
	z-index: -1;
}