.trend {
    font-size: small;
    background-color: lightgrey;
    color: black;
    font-weight: normal;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 8px;
    border: 1px solid grey;
    cursor: pointer;
    white-space: nowrap;
}

.source {
    font-size: small;
    background-color: lightcoral;
    color: white;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 8px;
    border: 1px solid red;
    cursor: pointer;
    white-space: nowrap;
}

.category {
    font-size: small;
    background-color: lime;
    color: black;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 8px;
    border: 1px solid red;
    cursor: pointer;
    white-space: nowrap;
}

.article {
    margin-top: 4px;
    display: flex;
}

.article-left {
    width: 40px;
}

.article-right {
}

.article-main {
    font-size:x-large;
    font-weight:bold;
}

.article-sub {
    font-size:small;
}

.flagstrip {
    display: inline-block;
    vertical-align: middle;
    padding: 1px;
    height: 100%;
}

.flag {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.date {
    margin-top: 4px;
    border-top: 3px solid black;
}


.articles {
    float: left;
    width: 75%;
}

.rightbar {
    float: right;
    width: 25%;
}

.emoji {
    text-align: right;
    font-size: x-large;
}