@import url(player.css);
@import url(headerandfooter.css);
@import url(default.css);

.image-display { 
    height: 810px; 
    border: 5px solid red; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 40px; 
}
/*Page buttons*/
.page-button { 
    background-color: black; 
    color: red; 
    border-color: red; 
    border: 5px; 
    height: 50px; 
    min-width: 70px; 
    cursor: pointer; 
    font-size: 20px; 
    margin-right: 3.5px; 
    margin-left: 3.5px; 
    font-weight: bold; 
    transition: background-color 0.25s; 
}
.page-button:hover { 
    background-color: red; color: black; 
    border-color: rgb(120,0,0); 
} 
.page-button:active { 
    opacity: 0.6 
}
/*boxes*/
.textbox { 
    width: 1238px;
    border: 5px solid red; 
    background-color: black; 
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    margin-bottom: 80px;
    padding: 25px; 
    text-align: center; 
} 
.section-box { 
    width: 1200px; 
    height: 100%; 
    border: 5px solid red; 
    margin-bottom: 60px; 
    font-size: 18px; 
    padding: 50px; 
    background: black; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
    display: block; 
    box-sizing: border-box;
}
.grid { 
    display: grid; 
    grid-template-areas: ' . . '
                         ' . . ';
    grid-gap: 20px; 
}
.sub-section-box { 
    width: 470px; 
    height: 450px; 
    border: 5px solid red; 
    margin-bottom: 20px; 
    font-size: 20px; 
    padding: 20px; 
    display: inline-block; 
    margin-top: 15px; 
    margin-bottom: 15px; 
    margin-left: auto;
    margin-right: auto;
    overflow: auto; 
}
.box-list { 
    font-size: 20px; 
    padding-top: 5px; 
    padding-bottom: 5px; 
}
.in-box-image { 
    border: 5px solid red; 
    display: inline-block; 
    max-width: 1000px; 
    margin-left: 100px; 
    margin-right: 100px; 
}
/*tables*/
.table-logs { 
    width: 250px; 
    border: 3px solid red; 
    font-size: 20px; 
    margin-top: 25px; 
    margin-bottom: 25px; 
    margin-left: auto; 
    margin-right: auto;
    text-align: center; 
    position: relative; 
    padding: 7px; 
}
.row1 { 
    background: rgb(56,4,0); 
    padding: 20px; 
    border: 2px solid red; 
    font-size: 28px;
}
/*texts*/
.section-header { 
    color: red; 
    text-align: center; 
}
.introductory-text { 
    width: 800px;
    font-size: 20px; 
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
}
.small-text { 
    font-size: 20px; 
    text-align: center; 
    margin: 20px; 
    max-width: 700px; 
}
.larger-in-box-text { 
    font-size: 30px; 
    font-weight: bold; 
    text-align: center; 
}
.in-box-text { 
    max-width: 1060px; 
    margin-left: 455px; 
    margin-right: 14px; 
}
.subtitle-text { 
    Font-weight: bold; 
    margin-top: 5px; 
    margin-bottom: 40px; 
    font-size: 25px 
} 
.body-text { 
    max-width: 1075px; 
}