*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

body{
    min-height:100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

table,td,tr,th{
    border: 3px solid black;
}


th,td{
    text-align: center;
    padding: 20px;
}

th{
    background-color: #354f70a5;
}

.Day{
    background-color: #355070;
    color:white;
}

.Lab{
    background-color: #E56B6F;
}

.Free{
    background-color: #EAAC8B;
}

.Maths{
    background-color: #C7DBE6;
}

.EC{
    background-color: #CB769E;
}

.EE{
    background-color: #E8B9AB;
}

.Biology{
    background-color: #ADBCA5;
}


@media (max-width:480px){
    body{
        display: block;
    }
    th,td{
    text-align: center;
    }
    table{
        overflow-x: auto;
        overflow-y: auto;
    }
}

@media (max-width:880px){
    body{
        display: block;
    }
    th,td{
        text-align: center;
    }
    table{
        overflow: auto;
    }
}