item.css

body{
    margin:0px;
    background-color: rgb(38, 155, 38);
}

.between{
    display: flex;
    justify-content: center; 
}

.outer{
    background-color: white;
    width: 510px;
    height: 480px;
    margin-top:140px;
    border-radius: 10px;

}

.outerfill{
    position: relative;
    left: 180px;
}

.secondtagline{
    display: flex;
    margin: 10px;
    margin-left: 20px;
}

.inner{
    background-color: white;
    width: 200px;
    height: 360px;
    margin-top:200px;
    border-radius: 10px;
    position: relative;
    left: 150px;
    box-shadow: 0 10px 20px rgba(54, 53, 53, 0.7);
}
.firstpart{
  width: 100%;
  height: 280px;
  background: linear-gradient(5deg,green,white,green);
}
.apple{
    width:200px; 
    height:200px;
    position: absolute;
    top: 20px;
    left: -35px; 
}

.tagline{
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom:15px;
    right: 10px;
}

.applerotation{

    width: 30px;
    height:30px;
    margin: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: bisque;
}

.greenapple:hover{
    width:40px;
    height: 40px;
    border-color: green;
}

.yellowapple:hover{
    width:40px;
    height: 40px;
    border-color: yellow;
}

.redapple:hover{
    width:40px;
    height: 40px;
    border-color: red;
}

button{
    background-color: red;
    color: white;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

button:hover{
    cursor: pointer;
    width: 160px;
    height: 45px;
}