@charset "utf-8";
html {   
}

* {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

body {
    margin: 0;
    background-image:url("../images/top-view-bowls-with-coffee-beans-powder.jpg")
}

ul {
    list-style-type: none;
    margin-left:150px;
	margin-top: 20px;
    padding-right: 30px;
    padding-left: 10px;
    overflow: hidden;
    background-color:#494F4F;
    border: 3px solid #8B532E;
    display: inline-block;
    border-radius: 50px;
}
li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
	background-color:#84583F;
}
main img{
	transition: all 2s;
	
}
main img:hover{
	opacity: 0.3;
}