@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap');
.bs-callout
{
    margin: 1.25rem 0;
    padding: 1.25rem;

    border: 1px solid #e9ecef;
    border-left-width: 5px;
    border-radius: .1875rem;
}

.bs-callout:before
{
    display: table;

    content: ' ';
}

.bs-callout:after
{
    clear: both;
}

.bs-callout h4
{
    margin-top: 0;
    margin-bottom: .3125rem;
}

.bs-callout p:last-child
{
    margin-bottom: 0;
}

.bs-callout code
{
    border-radius: .1875rem;
}

.bs-callout + .bs-callout
{
    margin-top: -.3125rem;
}

.bs-callout-danger
{
    border-left-color: #dc3545;
}

.bs-callout-danger h4
{
    color: #dc3545;
}

.bs-callout-warning
{
    border-left-color: #ffc107;
}

.bs-callout-warning h4
{
    color: #ffc107;
}

.bs-callout-info
{
    border-left-color: #17a2b8;
}

.bs-callout-info h4
{
    color: #17a2b8;
}

[dir='rtl'] .bs-callout
{
    border-right-width: 5px;
    border-left-width: 1px;
}

[dir='rtl'] .bs-callout-danger
{
    border-right-color: #dc3545;
    border-left-color: #e9ecef;
}

[dir='rtl'] .bs-callout-warning
{
    border-right-color: #ffc107;
    border-left-color: #e9ecef;
}

[dir='rtl'] .bs-callout-info
{
    border-right-color: #17a2b8;
    border-left-color: #e9ecef;
}