/* Columns */
.flex-container {
    display: flex;
    flex-wrap: wrap;
}
.col20 {
    width: calc(19% - 4px);
    padding: 10px;
}

.col25 {
    width: calc(24.6% - 4px);
}

.col30 {
    width: 31%;
    padding: 10px;
}
.col100 {
    width: 100%;
    padding: 10px;
}
.col70 {
    width: 69%;
    padding: 10px;
}
.col60 {
    width: 59%;
    padding: 10px;
}
.col50 {
    width: 48%;
    padding: 10px;
}
.col40 {
    width: 38%;
    padding: 10px;
}
.spaced {
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .col50,
    .col30,
    .col70,
    .col60,
    .col40,
    .col20,
    .col25 {
        width: 100%;
    }
}

/* RAMM App Support */
.flex-container p {
    color: #fff;
}

.inner h2, .inner p, .inner li {
    color: #fff;
}

.outer {
    background: #141a29;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.inner {
    padding: 20px;
}

.col30,
.col50,
.col100 {
    background: #191f2f;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.internal {
    padding: 6px;
}

.title {
    background: #183244;
    width: 100%;
    max-width: fit-content;
    border-radius: 10px;
}
.title p {
    padding: 4px;
    text-align: center;
    color: #a5f3fc;
}

.internal-full p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.internal-full {
    background: #13242e;
    border-radius: 10px;
    padding: 10px 10px;
    border-left: 4px solid #22c55e;
}

a {
    word-break: break-all;
}