/* ============================================================================ */
/*  MAIN                                                                        */
/* ============================================================================ */

main {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

/* ASIDE */

main aside {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    margin-right: 20px;
    padding: 0.2rem;
    background-color: rgba(5, 0, 20, 0.92);
    width: 15%;
    border: none;
    border-radius: 20px;
}

main aside h4 {
    color: #b4cbff;
}

main aside a {
    font-size: 0.8rem;
}

/* CENTER */

main section {
    padding: 1rem;
    background: linear-gradient(145deg,rgba(5, 0, 20, 0.92) 50%, rgba(255, 0, 47, 0.55) 100%);
    width: 85%;
    border: none;
    border-radius: 20px;
}

main section article {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

main section article div {
    padding-left: 1rem;
    margin-bottom: 1rem;
}

main section article div h3 {
    text-align: left;
}

main section p {
    font-size: 0.8rem;
}

/* ============================================================================ */
/*  CLASS                                                                       */
/* ============================================================================ */

.highlight {
    color: #ff99ff;
    font-weight: bold;
}

.niko {
    margin: 0 55% 0 45%;
    padding-top: 0;
    margin-top: 0;
}

.pronouns {
    text-align: center;
    font-weight: normal;
    font-style: oblique;
    font-size: 0.8rem;
    padding-right: 0.2rem;
    padding-left: 0.1rem;
    background: linear-gradient(150deg,rgb(129, 129, 129) 5%, rgb(255, 121, 248) 100%);
    cursor: pointer;
    border-radius: 10px;
    margin-bottom: 10px;
}