h1 {
    text-align: center;
    font-size: 3rem;
}

h2 {
    text-align: center;
    font-size: 1rem;
    font-family: arial;
}

#content {
    width: auto;
    height: fit-content;
    border: 3px solid black;
    padding: 3px;
}

#post {
    border: 2px solid gray;
    background-color: rgb(220, 220, 255);
    padding: 1px;
    max-width: 80%;
    min-width: 10%;
    width: fit-content;
    margin-bottom: 3px;
}

b {
    color: red;
}

#details {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}

summary {
    height: auto;
    width: fit-content;
    padding: 2px;
    border: 1px solid rgb(105, 105, 105);
    background-color: rgb(199, 199, 199);
    border-radius: 0.3rem;
    margin-bottom: 3px;
}

summary:hover {
    cursor: pointer;
}

#pinned {
    color: darkgoldenrod;
    cursor: pointer;
}

#img {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    text-align: center;
    margin-bottom: -50px;
}

#pages {
    border: 3px solid black;
    padding: 3px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px;
    width: 600px;
    font-family: arial;
}

#b {
    font-size: 1.5rem;
    width: 600px;
    color: black;
}

#h {
    background-color: rgba(0, 0, 255, 0.212);
}

#bo {
    color: black;
}

#text{
    font-size: 0.8rem;
}

h1 {
    text-align: center;
    font-size: 2.5rem;
}