.updates, .news
{
    height: 800px;
    overflow-y: scroll;
    transition: opacity 0.5s;
}
.updates-containers
{
    width: 30vw;
}
.news-option
{
    width: 45%;
    font-family: "Bebas_Neue";
    font-weight: 700;
    padding: 5px;
    font-size: 30px !important;
    border: none;
    background-color: rgba(184, 76, 59, 0.564);
    color: rgb(125, 125, 125);
}
.options
{
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
}
.news-option.selected
{
    background-color: #cd412b;
    color: #fff;
}



/* Navigation */
.navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 20px;
}

.navigation button {
    background-color: #806c55; /* Earthy, rust-like color */
    color: white;
    border: 2px solid #594a36; /* Darker border for a rugged look */
    font-family: 'Courier New', Courier, monospace; /* Monospaced font for a mechanical feel */
    font-size: 20px;
    padding: 10px 20px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.navigation button:hover {
    transform: scale(1.1);
    background-color: #9e8569; /* Slightly lighter color on hover */
}
.navigation button:active{
    background-color: #594a36;
}
.beginning
{
    background-color: lightgray !important;
}
.beginning:hover{
    transform: scale(1) !important;
}
.beginning:active{
    background-color: rgb(255, 0, 0) !important;
}

.atPage{
    width: fit-content !important;
    font-size: 20px;
    font-weight: 900;
}

.fadeAway{
    opacity: 0;
}