:root{
    --c1: #0d1b2a;
    --bg-main: #1b263b;
    --bg-light: #415a77;
    --c2: #778da9;
    --text: #e0e1dd;
}

html, body {
    font-size: 20px;
    color: var(--text) ;
    background-color: var(--bg-main) ;
    font-family: 'raleway', sans-serif; 
    font-weight: 300;
}
.main-container{
    background-color: var(--c1);
    margin: auto;
    display:flex;
    flex-direction: column;
    width: 2000px;
}

.top-container {
    margin-bottom: 100px;
}

.info{
    display: flex;
    flex-direction: row;
    text-align: center;
    font-weight: 300;
    gap: 10px;
}

.headline{
    font-size: 80px;
    font-weight: 100;
    margin: 20px auto;
    width: 700px;
    text-align: center;
}

th, td {
  border-top:1px solid var(--text);
  border-bottom:1px solid var(--text);
  font-weight: 00;
}
table{
    margin: 10px;
    text-align: left;
    background-color: var(--bg-main);
    border-collapse: collapse;
}

.subsec-heading {
    margin: 0 auto; 
    font-size: 40px;
}

.schedule-text {
    border-top: 1px solid var(--text);
    font-size: 50px;
    padding: 30px;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.table-box{
    display: flex;
    flex-direction: column;
    width: 850px;
}

div.table-box tr th{
    padding: 8px 4px 8px 4px;
}

.table-row{
    display: flex;
    flex-direction: row;
}

.box-right{
    margin: 0 auto 0 0;
    width: 850px;
}
.box-left{
    margin: 0 0 0 auto
}