html{
	scroll-behavior:smooth;
}
body{
	margin:0;
	padding:0;
	background:greenyellow url("https://img.freepik.com/free-photo/textured-natural-background-many-green-leaves_158595-5770.jpg?semt=ais_hybrid&w=740&q=80") no-repeat fixed center;
	background-size:100%;
}
.condiment-regular {
  font-family: "Condiment", cursive;
  font-weight: bold;
  font-size:55px;
  font-style: normal;
}
h2{
	font-size:30px;
}
nav{
	background-color:greenyellow;
	color:hotpink;
	height:50px;
}
h1{
	text-align:center;
}
section{
	width:75%;
	padding:3% 5%;
	border:15px groove #4A0404;
	margin:5% auto;
	background-color:snow;
	text-align:center;
	color:darkgreen;
	opacity:90%;
}
.must-have{
}
img{
	border:2px solid darkgreen;
	border-radius:10px;
}
.figure{
	margin:0.3%;
	display:flex;
}
.srisakdi-bold {
  font-family: "Srisakdi", system-ui;
  font-weight: 700;
  font-style: normal;
}

.f1{
	display:none;
	background-color:greenyellow;
	color:deeppink;
	font-weight:bold;
	opacity:55%;
	border:2px dotted darkgreen;
	border-radius:20px;
}
/* Pseudo class */
.figure:hover .f1{
	display:inline-block;
}
/* adjacent sibling selector */
h2+p{
	font-style:italic;
	font-size:20px;
}
/* Customized link */
a:link{
	color:darkgreen;
}
a:visited{
	color:deeppink;
}
a:hover{
	color:greenyellow;
}
a:active{
	color:blue;
}
/* Pseudo element p::first-letter */
p::first-letter {
  color:darkgreen;
  font-size: 170%;
}
.text{
	text-align:left;
	font-size:20px;
}
li{
	text-align:left;
	font-size:20px;
}
/* customizable bullets */
::marker{
	color:hotpink;
	font-size:20px;
}
/* selecting text */
::selection{
	background-color:hotpink;
	color:greenyellow;
}