body{
    background-color: rgb(247, 248, 244);
    /* background-blend-mode: overlay;
    background: url(pix2.jpg);
    background-repeat: no-repeat;
    background-size: cover; */
    /* overflow: hidden; */
}
.apple{
    background: url(pix.png);
    background-repeat: no-repeat;
    background-size:cover;
    width: 100%;
    height: 70px;
    margin-right: -50px;
    padding: 0;
    overflow: hidden;
    position:relative;
 }
#boy{
    font-family:'lobster', cursive;
    font-size: 2.5rem;
    color: rgb(143, 40, 190);
    padding-left: 10px;
    float: left;
} 
a{
    text-decoration: none;
    margin:0;
    color: salmon;
    margin: 10px;
    font-size: 1.2rem;
    height: 1rem;
}
a:hover{
    color:springgreen;
    /* background-color: rgb(184, 50, 177); */
}
ul{
    /* display: inline; */
}

li{
    display: inline-block;
    float: right;
    margin: 0;
    padding: -10px; 
} 
.cat{
    padding-top: 10px;
}
.dog{
    text-align: center;
    padding-top: 100px
}
h1{
    color: rgb(236, 78, 30);
}
.egg{
    text-align: center;
    margin: 100px;
}
h2{
    color:rgb(236, 78, 30);
    font-family: serif;
}
.fish{
    background-color: rgb(67, 70, 58);
    color:rgb(220, 224, 228);
    margin: 10px -10px;
    padding-bottom: 50px;
    overflow: hidden;
    text-align: center;
}
.goat{
    text-align: center;
}
.hen{
    text-align: center;
    background-color: rgb(64, 65, 60);
    color: rgb(220, 224, 228);
    /* margin:10px; */
    padding-top: 10px;
    padding-bottom: 10px;
    margin: -10px -10px;
}
.ink{
    color: rgb(10, 11, 12);
    font-size: 1.2rem;
    font-family: 'Redress',cursive;
}
.jet{
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3,1fr);
}
.kettle{
    width: 20rem;
    height: 20rem;
    margin-bottom: 20px;
}
.lion{
    text-align: center;
    font-family: 'redress', cursive;
    color: rgb(236, 78, 30);
}