.nomargin
{
    margin:0px;
}

.padding
{
    padding:1.25rem 0.5rem;
}
.padding-content
{
    padding:0rem 1rem;
    margin:1rem 0rem;
}
.padding-content-hor
{
    padding: 0rem;
    margin:1rem 0rem;
}

.invisible
{
    height:0px;
    width:0px;
}

.noselect
{
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

html
{
    font-size:16px;
    scrollbar-color: var(--c_50) var(--c_0);
}

div#body
{
    display:flex;
}

div#body > div.scroll-content
{
    width:calc(100% - var(--u_border-width));

    display:flex;
    align-items:center;
    flex-direction:column;
}

div#body > div.scroll-border
{
    width:0px;

    border-width:2px;
    border-left-style:solid;
    border-color:var(--c_25);
}

body
{

    background-color:var(--c_0);
    background-image:var(--background-image);
    background-size:var(--background-size);
    background-attachment:fixed;


    height:100;

    margin:0px;

    overflow-y: scroll;
}

body, .input
{
    color:var(--c_100);
}

.border
{
    border-width:0px;
    border-style:var(--u_border-style);
    border-color:var(--c_100);
}

.border-bottom{
    border-bottom-width:var(--u_border-width);}
.border-top{
    border-top-width:var(--u_border-width);}
.border-left{
    border-left-width:var(--u_border-width);}
.border-right{
    border-right-width:var(--u_border-width);}
.border-all{
    border-width:var(--u_border-width);}

.border-insert
{
    width:1rem;
    height:2px;

    flex-shrink:0;

    font-size:0px;

    margin: 0px 0.5rem;
}

div.content
{
    display:flex;
    flex-direction:column;
    align-items:center;
    box-sizing:border-box;

    width:var(--pageWidth);
}

div.content, div.header
{
    background-color:var(--c_0);
}

div.content > div
{
    width:var(--pageWidth);
    box-sizing:border-box;
}

div.content > div:last-of-type
{
    border-bottom-style:none;
}

div.page
{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin:0px;
    height:auto;
    min-height:100vh;
    justify-content: var(--page_pos);

    margin:0px;
    padding:0rem 0.75rem;

    width:var(--pageWidth);
}

body
{
    height:100vh;
    background-color:var(--c_bg);
}

div.h
{
    margin:0px;
    display:flex;
    align-items:center;
}

div.quote
{
    padding: 0rem 1.5rem;
    margin: 1.5rem 1.5rem;
}

div.remove-image * img
{
    display:none;
    width:0px;
    height:0px;
}

@keyframes hover
{
    0% { transform:translateY(0px); }
    50% { transform:translateY(24px); }
    100% { transform:translateY(0px); }
}

@media (prefers-reduced-motion: reduce)
{
    span.text-wave > span
    {
        animation-name: none!important;
    }
    @keyframes hover
    {
        0% { transform:none!important; }
        50% { transform:none!important; }
        100% { transform:none!important; }
    }
}