html{
    background-image: url("https://wallpapers.com/images/hd/professional-background-4b31fgiuezafrguu.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    padding:50px;
    margin:0;
}
h1, h2, #original_link{
    font-weight:bold;
}
body{
    margin-left:5%;
    margin-right:5%;
    text-align: center;
}
#table_div{
    padding:10px;
    opacity: 1;
    border:none;
    text-align:center;
    width:fit-content;
    height:50vh;
    overflow-y:scroll;
}
td, th{
    padding:10px;
    font-family:'Times New Roman', Times, serif;
    border:solid;
    border-width:1px;
    font-size: 2vh;
}
#pages_table{
    display:inline-flex;
}
#class_pages{
    width:fit-content;
    height:fit-content;
}
li, p{
    font-size:2vh;
    margin:10px;
}
h1{
    font-size:4vh;
}
@media screen and (max-width: 700px) {
    *{
        font-size: 2vh;
    }
    #pages_table{
        display:flex;
        flex-direction: column-reverse;
        width:max-content;
    }
    #classSchedule, #table_div{
        width: 70vw;
        height:50vh;
    }
    #table_div{
        overflow-x:hidden;
        overflow-y:scroll;
    }
    th{
        display:none;
    }
    table, tr{
        display:block;
    }
    table{
        border:none;
        margin:10px;
    }
    tr{
        margin-bottom:10px;
    }
}