*{
    margin: 0px;
    padding: 0px;
}

.header{
    background-color: rgb(81, 56, 131);
    display: flex;
    justify-content:space-around;
    align-items: center;
    font-size:4em;
    color: whitesmoke;
}
footer{
    background-color: #4b2e83;
    color:#fff;
    text-align: center;
    font-style: oblique;
    padding: 1rem;
}
table,
th,
thead,
td,
tr {
    padding: 1.5em;
}
table{
    width: 100%;
    background-color: #fefdfd;
}
th{
    border: solid grey 1px;
}
tr{
    border: solid grey 1px;
     
}
td{
    border: solid grey 1px;

}
#link:hover{
    background-color:#ffb98d ;
    cursor: pointer;
    border-radius: 40px;
}
#colour{
    background-color:#e7e0f6;
}
@media (max-width:500px){
    .header{
        background-color: #513883;
        display: flex;
        justify-content:left;
        align-items: center;
        width:100%;
        color: whitesmoke;
    }
    table{
        background-color: #fefdfd;
    }
    #link:hover{
        background-color:#ffb98d ;
        cursor: pointer;
        border-radius: 5px;
    }
    #colour{
        background-color: #e7e0f6;
    }
    td{
        border: solid grey 1px;
    
    }
    th{
        border: solid grey 1px;
    }
}