@charset "utf-8";
/* CSS Document*/
body{background-image: url("../images/flower_backgroud.gif");
  background-color: #cccccc;
color: #69912e;
font-family: Verdana, Geneva, Tahoma, sans-serif;}

/*box around the Area*/
#wrapper{width: 80%;
margin-right: auto;
margin-left: auto;
padding: .5em;
background-color: #bce382;}

/*box around Personal narritve*/
#feature-box{width: 80%;
align-items: center;
margin-right: auto;
margin-left: auto;
background-color: #7befa0;
border: .1em;
border-style: dotted;
border-radius: .5em;
padding: .2em;
box-shadow:.3em .3em .34em  #2a5000;}

header{background-color: #93df74;text-align: center;}

h1,h2,h3{
    font-family: "Atma", system-ui;
  font-weight: 400;
  font-style: normal;
  padding: .2em;
}
h1{line-height: 200%; text-transform: uppercase; background-image: linear-gradient(to top,#6da757,#bce3827e);}
h2{background-color: #6da757; color: #92f2a2;}
h3{background-color: #93df74; border: .4em; border-style: double; border-color: #5d3206;}

img {
     padding: 10px;
     background-color: #8bf361;
     border: 2px solid #91590a;
     margin: 20px;
}

 ol{list-style-type :decimal; margin-left: 40px; }
ul{list-style:square inside; margin-left: 40px;}

nav { 
    font-family: "Atma", system-ui;
}
 a:link {
  color: forestgreen
}
a:visited{
    color: #964B00;
}
.name-color{color: green;}
.name-weight{font-weight: bold;}
li{color: green;}
nav{text-align: center;font-weight: bold;color: #527b15;}
nav a{text-decoration: none;}
footer{background-color: #85cb80; font-size: .60em;font-family: "Atma", system-ui;font-style: italic; text-align: center; }