.article
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #D3DAD9;
    width: 100%;
    margin-bottom: 80px;

    opacity: 0;
    animation-duration: 1000ms;
    animation-fill-mode: forwards;
    overflow: hidden;
}
.article h1
{
    margin-bottom: 50px;
}

.article-content
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 80%;
    max-width: 1200px;
    gap: 50px;
}

.article-content img
{
    width: 95%;
    max-width: 350px;
    border-radius: 1%;
}

.article-text
{
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 90vw;
}

@media only screen and (min-width: 320px)
{

}

@media only screen and (min-width: 768px)
{

}

@media only screen and (min-width: 1000px)
{
    .article-content
    {
        flex-direction: row;
    }
}


@media only screen and (min-width: 1200px)
{

}

@media only screen and (min-width: 1200px)
{


}