*{
    box-sizing:border-box;
}

body,html{
    background-color:#fff;
    color:#000;
    margin:0;
    overflow-x:hidden;
    overscroll-behavior:none;
    padding:0;
}

#app{
    height:100vh;
    padding:1.5em 1.5em 4em;
    width:100vw;
}

body,button,html,input,select,textarea{
    font-family:"Roboto Slab", "Roboto Flex", "Roboto",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif;
    line-height:1.5;
}

code,pre{
    font-family:"Roboto Mono", monospace;
}

button{
    cursor:pointer;
    font-weight:600;
    -webkit-appearance:none;
    align-items:center;
            appearance:none;
    background-color:transparent;
    border:2px solid #000;
    display:inline-flex;
    font-size:.9em;
    gap:.2em;
    padding:.45em 1.05em;
}

button .material-symbols-sharp{
    font-size:1.2em;  
}

button.primary{
    background-color:#000;
    color:#fff;
}

button.nostyle{
    background-color:transparent;
    border:none;
    padding:0;
}

input{
    border:2px solid #000;
    font-size:1em;
    outline:none;
    padding:.2em .4em;
}

::-webkit-input-placeholder{
    color:#666;
}

::placeholder{
    color:#666;
}

img,video{
    -webkit-filter:brightness(.9) contrast(1.7) grayscale(1);
            filter:brightness(.9) contrast(1.7) grayscale(1);
}

a{
    color:inherit;
    cursor:pointer;
}

a:not(.nostyle){
    color:#000;
    -webkit-text-decoration:underline;
    text-decoration:underline;
    text-decoration-thickness:2px;
}

a:not(.nostyle):visited{
    color:#444;
}

a.nostyle{
    -webkit-text-decoration:none;
    text-decoration:none;
}

p{
    margin:0;
}


.custom-emoji{
    height:1.2em;
    margin:-.2ex 0;
    object-fit:contain;
    vertical-align:middle;
    width:1.2em;
}

.notif-header>h1,.page>h1{
    margin-bottom:1rem;
    margin-top:.5rem;
}

::selection{
    background-color:#000;
    color:#fff;
}