body{
	background-color: #e8faed; 

}

.logo1{
  height: 220px;
  width: 220px;
  padding: 2px;

}

.loer{
  float: right;
  margin-top: 100px;
  margin-right: -308px;

}

.loer1{
  padding: 5px;
  font-size: 20px;
  text-decoration: none;
  margin: 5px;
  border-style: double;
  border-size: 10px;
  border-color: black;
}


.loer11:link, .loer11:visited {
  background-color: #ffc9e3;
  color: black;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.loer11:hover, .loer11:active {
  background-color: #ff94c8;
}


.fa {
	float: right;
  	padding: 20px;
 	font-size: 30px;
  	width: 50px;
	text-align: center;
  	text-decoration: none;
  	margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook{
	background-color: #3B5998;
  	color: white;
}

.fa-instagram{
	background: #125688;
  	color: white;
}

.fa-youtube{
	background: #007bb5;
  	color: white;
}

.fa-twitter{
	background: #55ACEE;
  	color: white;
}
.middle{
	text-align: center;
	color: black;
	font-family: 
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 3px;
  overflow: hidden;
  background-color: #ffc9e3;
  border-style: solid;
  border-color: #ff94c8;
  border-width: 5px;
  margin-top: 850px;

}


.search-container button:hover {
  background: #ccc;
}

.search-container button {
  float: right;
  padding: ;
  margin-top: ;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.search-container{
  float: right;
}

.textarea{
  padding: 10px;
}

li {
  float: left;
}

li a, .dropbtn {
  display: inline-block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: #f58eb0;
  color: ;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content1 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content1 a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.active{
	background-color: #e33bae;
}

.dropdown-content1 a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content1 {
  display: block;
}

.pic2-image{
	position: absolute;
	margin-top: 2em; 
	background-image: url("pic222.jpg");
	background-size: cover;
	background-position: center;
	height: 100%;
	width: 90%;
	left: 3.5em;
	padding: 1em 1em;
}

.pic2-text{
	text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  font-size: 50px;
}

.uppert{
	background-color: #caebfa; 
	opacity: 0.7;
	color: }

.child{
	font-size: 70px;
	background-color: #caebfa; 
	opacity: 0.7;
	color: ;
}

.pic2-text button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 10px 25px;
  color: #200559;
  background-color: #ddd;
  text-align: center;
  cursor: pointer;
}

.pic2-text button:hover {
  background-color: #eb796a;
  color: white; 
  }



.candy1{
  margin:20px;
 }

 .candy11{

  position: relative;
  float: left;
  border-style: inset;
  border-color: #0faebd;
  border-width: 5px;
  border-top-left-radius: 80px;
  padding: 10px;
}

.eggs1{
  margin: 20px;
}

.eggs11{

  position: relative;
  float: right;
  border-style: inset;
  border-color: #f6fa82;
  border-width: 5px;
  border-top-right-radius: 80px;
  padding: 10px; 
  
}



.food11{
  position: relative;
  margin: 50px;
  left: 90px;
  border-style: inset;
  border-color: #00399c;
  border-width: 5px;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  padding: 10px; 

}

 
.address{
  padding: 20px;
}



footer{
	margin-top: 70px;

}

.footer {
	  position: relative;
	  text-align:center;
  	  display: grid;
	  background-image: url('end2.jpg');
	  left: 30px;
	  color:white;
	  margin:50px 96px 0px 50px;
	  grid-template-columns: 1fr 1fr 1fr;
	  grid-template-rows: 1fr;
	  gap: 0px 0px;
	  grid-template-areas:
	    "profile college social";
	  grid-area: footer;
}

.profile { 

 display: grid;
 grid-template-columns: 0.3fr 0.7fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas:
    "a b";
grid-area: profile; }
.a{grid-area:a;
	color:#bdbab9;
}
.b{
	margin-top:10px;
	margin-left:10px;
	grid-area:b;
	color: #bdbab9;
}

.college { grid-area: college; margin-top:10px;
			color:#bdbab9;
}

.social { grid-area: social; margin-top:50px;}

.fa {
	margin:6px;
  padding: 8px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  border-radius:50px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}


.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}


.fa-skype {
  background: #00aff0;
  color: white;
}

.profile_img{
	margin:20px;
	border-radius:50px;
	height:100px;
	width:100px;

}