#title {
    text-align: center;
    font-weight: 900;
}

#page_description {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 16px;
    column-gap: 16px;
}

#page_description_img {
    width: 320px;
    height: 320px;
    /* border-radius: 10000px; */
}

#page_description_text {
    font-size: 16px;
    font-style: italic;
    color: rgb(54, 85, 112);
    text-align: justify;
}

.article_container {
    padding: 8px;
    margin: 16px auto;
    border-right: 1px solid rgb(223, 223, 223);
    border-bottom: 1px solid rgb(223, 223, 223);
    padding-bottom: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 1px 1px 2px #d6d6d6;
}

.article_title {
    margin: 4px 0px;
    font-size: 18px;
    color: #774000;
}

.article_publishing_info {
    margin: 0px;
    font-size: 12px;
}

.article_intro {
    font-style: italic;
    font-size: 14px;
    color: #204d75;
}

.article_read_btn {
    display: inline-flex;
    justify-self: right;
    align-items: center;
    gap: 8px;
    background-color: #217844;
    text-decoration:  none;
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
}

.article_read_btn:active {
    transform: translate(1px, 1px);
}

.article_read_btn .icon {
    font-size: 14px;
    
}

@media (min-width: 500px) {
    #page_description {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 16px;
    }

    #page_description_img {
        width: 160px;
        height: 160px;
    }

    #page_description_text {
        max-width: 100%;
    }

    
}