@import "colors.css";

table {
    display: block;
    overflow-x: auto;
    table-layout: fixed;
    border-collapse: collapse;
}


th,
td {
    padding: 3px;
    border: 1px solid var(--gray-5);
    overflow-wrap: break-all;
}

th {
    background-color: var(--gray-3);
}

.phantom {
    background-color: transparent;
    border: none;
}

.cell-centered {
    text-align: center;
    font-size: 120%;
}

#content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.day {
    display: flex;
    flex-direction: column;
    align-items: center;

    flex-basis: 50%;
    flex-grow: 1;

    margin-bottom: 50px;
}

.day a {
    display: block;
}

.pdf-icon::before {
    display: inline-block;

    background-image: url('/static/img/pdf-icon.svg');
    background-size: 100% 100%;

    height: 20px;
    width: 20px;

    content: "";
    position: relative;
    top: 4px;
    margin-right: 0px;
}

.cpp-icon::before {
    display: inline-block;

    background-image: url('/static/img/cpp-icon.svg');
    background-size: 100% 100%;

    height: 20px;
    width: 20px;

    content: "";
    position: relative;
    top: 4px;
    margin-right: 0px;
}

.youtube-icon::before {
    display: inline-block;

    background-image: url('/static/img/youtube-icon.svg');
    background-size: 100% 100%;

    height: 20px;
    width: 20px;

    content: "";
    position: relative;
    top: 4px;
    margin-right: 0px;
}

@media screen and (max-width: 1008px) {
    #content {
        flex-direction: column;
    }
}