body{background: rgb(138,25,190);
background: -moz-linear-gradient(338deg, rgba(138,25,190,1) 0%, rgba(111,47,180,1) 100%);
background: -webkit-linear-gradient(338deg, rgba(138,25,190,1) 0%, rgba(111,47,180,1) 100%);
background: linear-gradient(338deg, rgba(138,25,190,1) 0%, rgba(111,47,180,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8a19be",endColorstr="#6f2fb4",GradientType=1);
color:#fff; height:100vh;
}

ul {
    padding: 20px;
    max-width: 400px;
    margin: 40px auto;
}

li {
    display: block;
    font-family: sans-serif;
    line-height: 33px;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 9px; background-color: #fff;
    color: #000;
}



li:nth-last-child(-n + 2) {
    background-color: #CDDC39;
    color: #000;
}