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

/* CENTER */

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

/* LIST */

main ol {
    margin-right: 0.9rem;
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* ELEMENTS */

main ol a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background-color: rgba(20, 0, 92, 0.37);
    padding: 0.3rem;
    border: none;
    border-radius: 10px;
}

main ol a:hover {
    transition: .3s;
    background-color: rgba(129, 24, 50, 0.308);
    box-shadow: 0 0 1em 0.1em rgba(129, 24, 56, 0.548);
}

main ol a div {
    margin-left: 1rem;
    display: flex;
    justify-content: left;
    flex-direction: column;
}

main ol a img {
    width: 25%;
}

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

.highlight {
    margin-left: 1.2rem;
}

.wowie {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 25px;
    gap: 0.5rem;
    padding-bottom: 0.8rem;
}