/* Main page area. */
:root {background: var(--yes);}

.main {
    height: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
    /* animation-name: yes-refresh; */
    /* animation-duration: var(--slow-speed); */
}

/* Tabs. */
.tab-no {
    height: 100%;
    width: 3%;
    position: absolute;
    right: 0;
    background: var(--no);
    /* animation-name: yes-refresh; */
    /* animation-duration: var(--slow-speed); */
}
.tab-home {
    height: 100%;
    width: 3%;
    float: right;
    position: absolute;
    /* background: var(--home); */
    /* animation-name: yes-refresh; */
    animation-duration: var(--slow-speed);
}
.tab-home:hover {
    width: 4%;
    transition: 0.2s;
}
.tab-no:hover ~ .tab-home {
    width: 5%;
    transition: 0.2s;
}
.tab-no:hover {
    width: 4%;
    transition: 0.2s;
}


/* Feeds. */
.feed-message {
    height: 100%;
    width: 25%;
    position: relative;
    float: left;
    overflow: auto;
}
.message {
    background: white;
    border-radius: 14px;
    padding: 1rem;
    margin: 0.5rem;
}
.message:hover {
    background: linear-gradient(to left, var(--no) 50%, var(--yes) 50%);
    cursor: pointer;
    transition: 0.8s;
    color: white;
}

.feed-news {
    height: 100%;
    width: 55%;
    display: flex;
    position: relative;
    float: left;
    flex-wrap: wrap;
    overflow: auto;
    justify-content: space-between;
}
.news {
    max-height: 10%;
    max-width: 50%;
    background: white;
    position: relative;
    border-radius: 14px;
    padding: 1rem;
    margin: 0.5rem;
    overflow: hidden;
}
.news:hover {
    background: linear-gradient(to left, var(--no) 50%, var(--yes) 50%);
    cursor: pointer;
    transition: 0.8s;
    color: white;
    overflow: auto;
}

.feed-ads {
    height: 100%;
    width: 20%;
    position: relative;
    float: right;
    overflow: auto;
}
.ad {
    background: white;
    border-radius: 14px;
    padding: 1rem;
    margin: 0.5rem;
}
.ad:hover {
    background: linear-gradient(to left, var(--no) 50%, var(--yes) 50%);
    cursor: pointer;
    transition: 0.8s;
    color: white;
}