@charset "utf-8";
/* CSS Document */


body {
	background-image: url("untitled folder/Peony2-11.png");
	background-size:100%;
	background-repeat: no-repeat;
	margin: 0%;
	width:100%;
}
.container-expand-lg{
	position:absolute;
	width: 100%;

}
.fixed-top {
	background-color:#FFC3A5!important;
	}

.nav-link {
	color:#684007;
	font-family: 'Nunito Sans', sans-serif;
	padding: 30px;

}
h1{
	font-family: 'Yeseva One', cursive;
	color:#FFFFFF;
	padding-left: 55%;
	padding-top: 20%;
	padding-right: 150px;
	font-size: 70px;
	justify-content: flex-end;
}


/* Call To Action */
.shopnow {
	padding-left: 55%;
	padding-bottom: 65%;

}

.shop {
  border: 5px solid;
  background-color:#E9DAC9;
  border-radius: 60px;
  padding: 10px 28px;
  font-size: 16px;
  cursor: pointer;
  border-color:#FFFFFF;
  color:#684007;
  font-family: 'Nunito Sans', sans-serif;
}
.shop:hover {
	background-color:orangered;
	border-color:white;
}
h2{
	font-family: 'Yeseva One', cursive;
	color:#684007;
	font-size: 30px;
	text-align: center;
}

/* White */

.white {
	display: flex;
	justify-content: center;
	padding-top: 10%;
	padding-bottom: 10%;
	padding-left: 65px;
	background-image:url("untitled folder/White BG 1-10.png");
	background-size:auto;
	background-repeat:round;
}
.bestseller {
	padding-top: 40px;
	justify-content: center;
}
.readystock {
	padding: 100px;
	justify-content: center;
	padding-bottom: 0px
}

/* Peach & Gray */

.peachgray {
	background-image:url("untitled folder/peachgray new-11.png");
	background-color: #FFFFFF;
	background-size:100%;
	background-repeat:no-repeat;
	display: flex;
	padding-bottom: 50%;
	padding-top: 10%;
}
.spring2 {
	display: flex;
}
.spring2 img {
	padding-left: 50px;
}
.aboutus2 {
	display: flex;
}
.aboutus2 img {
	padding-left: 100px;
	padding-top: 30px;
}
.btnnn {
  border: 5px solid;
  background-color:#E9DAC9;
  border-radius: 60px;
  padding: 10px 28px;
  font-size: 16px;
  cursor: pointer;
  border-color:#FFFFFF;
  color:#684007;
  font-family: 'Nunito Sans', sans-serif;
}

.btnn {
  border: 5px solid;
  background-color:#FFC3A5;
  border-radius: 60px;
  padding: 10px 28px;
  font-size: 16px;
  cursor: pointer;
  border-color:#FFFFFF;
  color:#684007;
  font-family: 'Nunito Sans', sans-serif;
  
}

.btnn:hover {
	background-color:orangered;
	border-color:white;
}

.btnnn:hover {
	background-color:orangered;
	border-color:white;
}
.map {
	padding-top: 30px;
	padding-left: 30px;
}
.order {
	padding-top: 150px;
	padding-left: 30px;
}

.aboutus h3 {
	padding-left: 100px;
	padding-bottom: 0px;
	padding-top: 150px;
}
.aboutus p {
	padding-left: 100px;
}

.aboutus img {
	padding-left: 100px;
}
.aboutus {
	padding-top: 30px;
}
h3 {
	font-family: 'Yeseva One', cursive;
	color:#684007;
	font-size: 30px;
	padding-left: 50px;
	padding-top: 40px
}
p {
	color:#684007;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 15px;
	padding-left: 50px;
	padding-right: 60px;
}

/* Shopping */

.Shopping {
	display: flex;
	background-color: #FFFFFF;
	background-size:auto;
	padding-top: 25px;
	padding-bottom: 40%;
	background-repeat: round;
	justify-content: center
}
.Catalog {
	padding-top: 50px;

}
h4 {
	font-family: 'Yeseva One', cursive;
	color:#684007;
	font-size: 30px;
	padding-left: 50px;
	padding-right: 100px;

}

.cataloglist {
	padding-left: 50px;
	padding-top: 20px;
	color:#684007;
	font-family: 'Nunito Sans', sans-serif;
	
}

a:link {
  color: #684007; 
  background-color: transparent; 
}
a:visited {
  color:#444343;
  background-color: transparent;
  text-decoration: underline;
}

a:hover {
  color:orangered;
  background-color: transparent;
  text-decoration: none;
}
.card-title {
	font-family: 'Yeseva One', cursive;
	color:#684007;
}
	
.btn-primary {

  background-color:#FFC3A5;
  border-radius: 60px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border-color:#FFFFFF;
  color:#684007;
  font-family: 'Nunito Sans', sans-serif;

}

.btn-primary:hover {
	background-color:orangered;
	border-color:antiquewhite;
	border-radius: 200px;

}

/* Hover Effects */

.hover02 figure img {
	width: 300px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover02 figure:hover img {
	width: 350px;
}
.hover03 figure img {
	width: 300px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover03 figure:hover img {
	width: 350px;
}

/* Footer */

.Footer {
	background-image:url("untitled folder/footer-12.png");
	background-size:auto;
	background-repeat:round;
	padding-top: 70px;
	position:absolute;
    bottom: 0;
 	width: 100%;
}

.footer2b {
	display:flex;
}
.website {
	justify-content: center;
}

.logobottom {
	padding-left: 20px;
}
.footer2a {
	display:flex;
	justify-content: center;
}
.note {
	justify-content: flex-start;
}
p1 {
	color:#684007;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 15px;
}
p2 {
	color:#684007;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 12px;
}
.form-control {
	border-radius: 20px;
	font-family: 'Nunito Sans', sans-serif;
}
.form-control:hover {
	border-color:orangered;
}
.col {
	justify-content: center;
	padding-bottom: 0%;
}
.satu {
	padding-left: 70px;
}
.footer3b {
	padding-left: 200px;
}
.fa {
  padding-top: 30px;
  font-size: 40px;
  width: 50px;
  text-decoration: none;
}
.icons {
	text-align: center;
}
.rotate {
  animation: rotation 8s infinite linear;
}
.cart {
	background-image: url("untitled folder/WHite BG Square.png");
	padding-top: 10%;
	padding-bottom: 30%;
	justify-content:center;
}
.contactpage {
	background-image: url("untitled folder/WHite BG Square.png");
	padding-top: 1%;
	padding-bottom: 40%;
	padding-left: 20%;
	padding-right: 20%;
}
.signin {
	background-image: url("untitled folder/WHite BG Square.png");
	padding-top: 10%;
	padding-bottom: 1%;
	padding-left: 15%;
	padding-right: 40%;
}
label {
	color:#684007;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 15px;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
	}

@media (max-width:850px) {
	
	.container-expand-lg {
	width: 850px;
	}
}
	
	@media (max-width:575px) {
	.card{
	width: 200px;;
	height: auto;
		}
	.Cards {
		padding-left: 280px;
	}
	.cataloglist {
	padding-left: 350px;
	}
	h4 {
		padding-left: 350px;
	}
		}