body{
	margin:0;
	color:white;
	background-color:#6E260E;
	font-size:18px;
	scroll-behaviour:smooth;
}
nav{
	width:100%;
	height:13%;
	color:white;
	border-bottom:5px solid #FFC000;
	position:fixed;
	top:0;
	font-size:18px;
	background:black url("https://t4.ftcdn.net/jpg/14/33/10/29/360_F_1433102924_HioxRGfrC9GQsBjXMV4B5HaY0u8ZLboz.jpg") no-repeat fixed center/100%;
	display:flex;
	justify-content:space-between;
	z-index:2;
}
.nav{
	padding:5px 10px;
}
.nav:hover{
	background-color:lightpink;
	color:rgb(123, 63, 0);
	border-radius:5px;
}
ul{
	width:75%;
	display:flex;
	justify-content:space-evenly;
	font-weight:bold;
	margin-top:30px;
}
h2{
	font-size:34px;
	padding:0 1% 0 1%;
	color:pink;
	border:2px solid #FFC000;
	border-radius:10px;
	font-style:normal;
	box-shadow:10px 10px 5px black;
}
h1{
	font-size:34px;
	padding:0 1% 0 1%;
	color:pink;
	height:34px;
	border-radius:5px;
	border:2px solid #FFC000;
}
main{
	background:#FFC000 url("https://i.pinimg.com/564x/ff/28/28/ff28283efd559b72b0e6b35cd8562951.jpg") no-repeat fixed center/100%;
	text-align:center;
	font-style:italic;
	padding-top:2%;
}
section{
	width:75%;
	padding:3%;
	margin:12% auto 5% auto;
	background-color:rgba(123, 63, 0, 70%);
	border:5px double #FFC000;
	border-radius:25px;
}
.families{
	width:100%;
	display:flex;
	margin-top:3%;
	justify-content:space-evenly;
	font-weight:bold;
}
.family{
	padding:1% 4%;
	border-radius:35px;
	background-color:lavenderblush;
	border:2px solid #FFC000;
	color:#6E260E;
	font-weight:bold;
}
.family:hover{
	box-shadow:5px 5px 3px #FFC000;
	background-color:chocolate;
	border:2px solid lavenderblush;
	color:#FFC000;
}
#rose{
	height:1150px;
}
#aster{
	height:1100px;
}
#mint{
	height:1050px;
}
.container{
	width:100%;
	justify-content:space-evenly;
	display:flex;
	flex-wrap:wrap;
}
.card{
	width:21%;
	height:320px;
	padding:0;
	margin:20px 5px 20px 5px;
	background-color:lavenderblush;
	border:2px solid #FFC000;
	border-radius:8px;
}
.card:hover{
	box-shadow:10px 10px 5px black;
	width:21.5%;
	margin:10px 0 10px 0;
	background-color:pink;
	border:3px solid yellow;
}
.image{
	width:180px;
	height:180px;
	border:2px solid #FFC000;
	border-radius:8px;
	position:relative;
	right:32px;
	top:0px;
}
figcaption{
	color:#6E260E;
	font-weight:bold;
	font-size:22px;
}
figcaption:hover{
	text-decoration:underline;
	font-style:italic;
}
.more{
	padding:3% 8%;
	border-radius:35px;
	background-color:#6E260E;
	border:2px solid #FFC000;
	color:lavenderblush;
	font-weight:bold;
	position:relative;
	top:5%;
}
footer{
	padding:2%;
	color:white;
	border-top:5px solid #FFC000;
	background:black url("https://t4.ftcdn.net/jpg/14/33/10/29/360_F_1433102924_HioxRGfrC9GQsBjXMV4B5HaY0u8ZLboz.jpg") no-repeat fixed center/100%;
}
.more:hover{
	box-shadow:5px 5px 3px chocolate;
	background-color:#FFC000;
	border:3px solid lavenderblush;
}
a:link{
	color:#FFC000;
}
a:visited{
	color:#FFC000;
}
button[class="family"]{
	color:chocolate;
}
::selection{
	background-color:pink;
	color:chocolate;
}