/* SECTION Setup */
:root
{
    --c-white: #fefefe;
    --c-black: #2A2B2A;
    --c-red: #f66b63;
    --c-green: #a0af6b;
    --c-blue: #3B8EA5;
    --c-yellow: #f6b960;
    --c-background: #fff2de;

    --img-background: url('./images/background 2.png');
}

html, body
{
    position: relative;
}

::selection
{
    color: white;
    background-color: rgb(59, 115, 164);
}

.flxCol
{
    display: flex;
    flex-direction: column;
}

.flxRow
{
    display: flex;
    flex-direction: row;
}

.flxCntrLR
{
    justify-content: center;
}

.flxCntrTB
{
    align-items: center;
}

.flxWrap
{
    flex-wrap: wrap;
}

.grid
{
    display: grid;

    .gridItem
    {
        display: contents;
    }
}

.wFull
{
    width: 100%;
}

.hFull
{
    height: 100%;
}

.hidden
{
    display: none;
}

.disabled
{
    pointer-events: none;
    opacity: 0.3;
}

/* !SECTION */

/* SECTION Overlay Scrollbars */

[data-overlayscrollbars-viewport] > div
{
    margin-right: 15px;
}

[data-overlayscrollbars-viewport] > .scrollX
{
    margin-bottom: 15px;
}

/* !SECTION */

/* SECTION Header */
/* !SECTION */

/* SECTION Main */

#contaionerSNSLinks
{
    display: flex;
    justify-content: space-around;
    margin-top: 20px;

    .snsBanner
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: fit-content;
        background-color: white;
        border: solid 2px #bdc3d5;
        box-shadow: #e6e6e6 0px 8px 12px 0px;

        p
        {
            height: fit-content;
        }

        img.logo
        {
            width: 50px;
            height: fit-content;
            margin: 25px;
        }

        img.qr
        {
            height: 104px;
            margin-left: 15px;
        }
    }
}

/* !SECTION */

/* SECTION Footar */
/* !SECTION */