

/* At-rules */
 @-webkit-keyframes fade_in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
 @-moz-keyframes fade_in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fade_in_and_bounce_from_left {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fade_in_and_bounce_from_left {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }
    75% {
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        transform: translate3d(5px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
/* […] */

/* Elements */
  
/* […] */
 article {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
img {
    background: unset;
    width: 100%;
}
/* […] */

/* Classes */

/* […] */
 .latest_article_preview {
    background-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(191, 191, 191);
    border-radius: 1px;
    margin: 0 8px 0 8px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.fade_in_and_bounce_from_left_leftmost {     -webkit-animation: fade_in_and_bounce_from_left 0.25s 1;    animation: fade_in_and_bounce_from_left 0.25s 1;}
.fade_in_and_bounce_from_left_left {     -webkit-animation: fade_in_and_bounce_from_left 0.50s 1;    animation: fade_in_and_bounce_from_left 0.50s 1;}
.fade_in_and_bounce_from_left_right {     -webkit-animation: fade_in_and_bounce_from_left 0.75s 1;    animation: fade_in_and_bounce_from_left 0.75s 1;}
.fade_in_and_bounce_from_left_rightmost {     -webkit-animation: fade_in_and_bounce_from_left 1s 1;    animation: fade_in_and_bounce_from_left 1s 1;}
.latest_article_thumbnail { 
}
.latest_article_start {     text-align: justify;    padding: 8px;    flex: 1;    display: flex;    flex-direction: column;}
.latest_article_headline {     font-weight: bold;    flex: 1;    display: flex;}
.latest_article_lede {     flex: 1;    display: flex;}

