@charset "UTF-8";

main#notifications h1 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
}

main#notifications {
    margin-top: 150px;
    font-size: 0.9em;
}

main#notifications > div#main {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}

main#notifications > div#main > div.notificacao {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;

    cursor: pointer;
}

main#notifications > div#main > div.notificacao:hover {
    background-color: rgb(245, 245, 245);
    cursor: pointer;
}

main#notifications > div#main > div.notificacao > a {
    color: var(--cor4);
    width: 100vw;
    font-weight: normal;
    padding: 20px;
    text-decoration: none;

    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

main#notifications > div#main > div.notificacao a > section#perfil > div {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

main#notifications > div#main > div.notificacao > a > section#perfil > div > img {
    width: 60px;
    border-radius: 50%;
}

main#notifications > div#main > div.notificacao > a > section#informacao > p > span.perfil {
    font-weight: bold;
}

main#notifications > div#main > div.notificacao > section#seguir {
    width: 100%;
}

main#notifications > div#main > div.notificacao > section#seguir > a {
    font-weight: bold;
    text-decoration: none;
    color: var(--cor5);
    background-color: var(--cor1);
    padding: 12px 22px;
    border-radius: 8px;
}

main#notifications > div#main > div.notificacao > section#seguir > a:hover {
    background-color: #c76730;
}