body {
    background-color: rgb(8, 8, 18);
}

.nav-bar-div{
display:flex;
justify-content: center;
}

.nav-bar-div a {
    font-size:50px;
    text-align:center;
    color:rgb(232, 227, 227);
    margin:auto;
    float:left;
}

#image-bear {
    margin-top:10%;
    width:500px;
}

#image-bear2 {
    margin-top:10%;
    width:500px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.image-div {
display:flex;
justify-content: center;
}

.list-div {
    background-color: gray;
    display:flex;
    justify-content: center;
    margin:10%
}

.list-class {
    color:white;
    font-size:50px;
    list-style-type: none;
}

.writeupclass {
    font-size:50px;
    list-style-type: none;
    color:antiquewhite
}

.writeup-div {
    display:flex;
    justify-content: center;
    margin:10%
}

.category-class {
    color:white;
    font-size:100px;
    list-style-type: none;
    text-decoration:underline;
}

.category-class:hover {
    cursor: pointer;
}

.category-div {
    margin-top:5%;
    display:flex;
    justify-content: center;
}



.challenges-div {
    display: none;
}
.challenges-div.active {
    display: block;
}

.p-writeup {
    font-size:20px;
    color:white;
    max-width:900px;
}

.p-div {
    display:flex;
    justify-content: center;
    margin-top:3%;
}

.writeup-title-div {
    margin-top:3%;
    display:flex;
    justify-content: center;
}

.writeup-title {
    font-size:75px;
    color:white;
}