/* Body */
body{
    background-color:#FF9678;
}

.copyright{
    min-width:100px;
    max-width:800px;

    margin:auto;
    padding:10px 10px 10px 10px;

    color:grey;
}



/* List Style */
.packageList{
    text-align: left;
    position: relative;
    
    min-width:300px;
    max-width:800px;

    padding: 10px 0px 10px 10px;

    margin:10px auto 10px auto;

    font-weight: bold;
   
}

.packageList:hover .taskLink{
    color:#FF9678;
}

.packageList:hover{
    background-color:rgb(255, 223, 213);
}

.packageList:hover .getTask{
    color:white;
}

.packageList .getTask{
    position: absolute;
    right:10px;

    text-align: right;

    /* vertically center the icon */
    top: 50%; transform: translateY(-50%);

    font-size: 22px;
    color:#FF9678;
    text-decoration: none !important;
}

.taskLink{
    text-decoration: none !important;
    color:rgb(255, 127, 92);
}