@import url('https://fonts.googleapis.com/css?family=Roboto');

body {
    font-family: 'Roboto', sans-serif;
    background-image:;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

img {
    border-radius: 2em;
    max-width:  15em;
    margin: auto;
box-shadow: 10px 1px 22px 1px rgba(1,0,0,0.75);
    background-color: rgba(1,3,4,.1);


    
}
header {background-color: black;
padding: 1em}

.cart{color: aqua}
.cart:hover{color: chartreuse}

ul {
    display: flex;
    justify-content: center;
    list-style-type: none;
    font-size: 8pt;
        flex-wrap: wrap;
   
    margin: auto;
    justify-content:space-evenly;
    max-width: 70vh;
    flex-grow: 1;
}



main div {
    align-items: center;
    height: 60vh;
}


h3{text-align: center;
      background-color: rgba(0,0,0,.1);
    padding: .3em;
    margin: .6em;
    height: auto;
    font-size: 20pt;
   }

h2{text-align: center;
    padding: .em;
    margin: .6em;
    height: ;
    font-size: 17pt;
    
   }

p {text-align: center;}

.sec1{
    margin-bottom: 2em
            margin: auto;

}
.sec2{
    margin-bottom: 2em
            margin: auto;

}
.sec3{
    margin-bottom: 2em
margin: auto;
    text-align: center;
    

}
.sec4{
    margin-bottom: 2em;
    flex-wrap: wrap;
    }

.sec5{
    margin-bottom: 2em;
    flex-wrap: wrap;
    }

p2{font-size: 9pt;
margin: auto;
color: gray}



a {
    color: black;
    text-decoration: none;
margin: .2em;
    text-align: center;
    font-weight: 900;}

li {
	text-align: center;
	list-style-type: none;
	
	color : solid rgba(201,150,30,1.0);
	border : 2px solid black;
	width : 150px;
	margin-bottom : 20px;
	padding: 5px;
	border-radius: 10px;
	vertical-align: middle;
	margin : 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	transition:  0.5s ease;
}

li:hover{
	width : 160px;
	border : 2px solid rgba(200,150,30,1.0);
}

.red {width: 100%;}

footer {
    padding: 1%;
    background-color: #FFC107;
    text-align: center;
    font-weight: 1000;
    margin: 80px 0px  0 0;

}




    
}