/* First Configs */
*{margin: 0; scroll-behavior: smooth;}
::selection{
    background-color: var(--selected-things-bg);
    color: var(--selected-things-txt);
}

/* Global */
.right{float: right;}
.left{float: left;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.hide{display: none;}
#blur{
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: rgba(15, 15, 15, 0.5);
    backdrop-filter: blur(4px);
    position: fixed;
    top: 0;
    z-index: 1000;
    animation-name: blura;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

/* Scroll Style */
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {background: #444;}
::-webkit-scrollbar-thumb {background: #888; border-radius: 3px;}
::-webkit-scrollbar-thumb:hover {background: #bbb;}

/* Background */
body{
    background-color: #2D393D;
}


/* Animation*/
@keyframes blura {
    from{ backdrop-filter: blur(0px); background-color: rgba(15, 15, 15, 0.0); }
    to{ backdrop-filter: blur(4px); background-color: rgba(15, 15, 15, 0.5); }
}

@keyframes footer {
    from{ bottom: -55px; }
    to { bottom: 0px; }
}