body{background-color:#c7eff6
     
}
li{list-style: none;
display: inline-block;
text-decoration: none; 
}

li a { text-decoration :none;
color:black;
font-style: italic;
font-weight: bolder;
padding: 15px;}

.menu{letter-spacing: 10px; 
    display: flex;
justify-content: space-evenly;
}




h1{color: rgb(3, 1, 6);
text-align: center;
letter-spacing: 15px;
font-size: 40px;
text-transform: uppercase;
font-style: italic;
}
img{text-align: center;
width: 50%;
height: 40%;
display: block;
margin-left: auto;
margin-right: auto;
justify-content: center;
}

p{
text-align: center;
padding: 1em;
width: 70%;
margin: 0 auto;
font-size: 1.3em;
}


h3{ text-align: center;
font-size: 2em;
font-style: italic;
border-top:rgb(72, 47, 143) groove 10px ;
}

#price li{border-bottom-width: 2px;
border-bottom-color:black ;
border-bottom-style: soild ;
display:block;
margin: 0 auto;
padding: 15px;
text-align: center;
}
h2{text-align: center;
border-top: 10px groove rgb(72, 47, 143); 
padding: 0.2em;
margin: 1em;
font-size: 2em;
font-style: italic;
}

#more{color: rgb(33, 12, 68);
text-align: center;
font-style: italic;
font-size: 2em;
padding-top: 1.5em;
}
form{line-height: 2;
text-align: center;
text-indent: 5%;
}

ol li{
    display: block;
}



@media (min-width: 400px) and (max-width:700px){
    h1{font-size: 2em;}
 
    img{width:300px ;}
    img{ height: 300px;}
    

    p{ text-align: center;}
    p{width: 90%;}
    button{width: 20%;}
   
}