@charset "utf-8";
@import url("../webfonts/CastoroTitling_Regular/stylesheet.css");
@import url("../webfonts/Yellowtail_Regular/stylesheet.css");
@import url("../webfonts/Lobster_Regular/stylesheet.css");
html {   

}

body {
    margin: 0;
    background-image: url(../images/coffee-beans-with-props-making-coffee.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 #D16C26;
    display: inline-block;
    border-radius: 50px;
	
	
}
main p {
    color: #FBF9F9;
    font-size: x-large;
    font-family: "CastoroTitling Regular";
    font-style: normal;
    text-align: left;
    text-decoration: none;
}

li {
  float: left;
}

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

li a:hover {
	background-color:#84583F;
}div {
    width: 500px;
    height:450px;
    background-color: #AF612A;
    margin-left: 100px;
}

main img:hover{
	transform: translateY(80px);
}
main img {
	transition: all 2s linear;
}
img {
    padding-top: 130px;
    padding-left: 25px;
}