body {
margin: 0;
font-family: "MS Gothic";
/*I just put an image of apples i found you can change it*/
background-image: url(https://i.pinimg.com/736x/7d/52/24/7d522434cd9aeec6bf58898ee2beb09c.jpg);
background-size: cover;
    background-attachment: fixed;
}

/*this is the white box*/
.container {
    background-color: white;
    width: 50%;
    margin: 50px auto;
    padding: 20px;
     
}

/* heading*/
.heading {
    text-align: center;
}

/*green boxess*/
.intro, .links {
   
    background-color: #b7df80;
    color: black;
    padding: 15px;
    margin-top: 15px;
}

/* sheep*/
img {
    max-width: 100%;
    margin-top: 10px;
}
a {
    color: #2e5e1a;
    font-weight: bold;
    text-decoration: none;
}
/* i thought it would look cool if you get a underline if you hover?*/
a:hover {
    text-decoration: underline;
}
/* this imp so i removed the dots because i didnt like it but you can remove this and the next thing to keep them but yeah if you do then the box will be gone*/
.links ul {
list-style: none;
padding: 0;
margin: 0;
}

.links li {
background-color: #a9d86a;
padding: 10px;
margin-top: 10px;
border-radius: 5px;
}