body {

    background-image: linear-gradient(to right, rgba(73, 242, 98, 1), rgba(37, 117, 252, 1));
    background-image: linear-gradient(to right, rgba(60, 44, 99, 1), rgba(37, 117, 252, 1));
    background-image: linear-gradient(to right, rgba(27, 35, 43, 1), rgba(177, 196, 216, 1));
    background-image: linear-gradient(to right, rgba(87, 24, 69, 1), rgba(199, 0, 57, 1), rgba(255, 195, 0, 1)); /* retro */
    background-image: linear-gradient(to right, rgba(0, 131, 116, 1), rgba(255, 195, 0, 1));


    /*background-image: url("/static/images/Mining.jpg");*/
    background-color: #0c242e;
    background-size: 100%;
    min-height: 100vh;
}

html {
    min-height: 100%;
}

:root {
  color-scheme: dark;
}

.snowflake{
    pointer-events: none;
    /*background-color: white;*/
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 50%;
}

@font-face {
    font-family: 'Elianto';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Elianto.woff') format('woff');
}

@font-face {
    font-family: 'Himagsikan';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Himagsikan.woff') format('woff');
}

@font-face {
    font-family: 'Blanka';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Blanka.woff') format('woff');
}

@font-face {
    font-family: 'Prototype';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Prototype.woff') format('woff');
}

h6, h5, h4, h3, h2, p, h1, .btn, .navbar-brand, ul, li{
    color: #bdc1c6;
    font-family: Prototype, serif
}

 .txt{
    font-family:Roboto, sans-serif !important;
     font-size: 18px;
}

.d-block{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 4%;
    margin-right: 4%;
    border-radius: 10px;
    padding: 20px !important;
}

.blur{
    backdrop-filter: blur(15px);
    background:rgba(20, 20, 20 ,0.85); /* 0.85 */
    -webkit-backdrop-filter:blur(15px);
}

.alert-danger{
    background-color: #d6535f;
}

.entry{
    border-color: #21252b;
    background-color: #2c3136;!important;
    outline: none;
    color: #9dadbb
}

.entry:active{
    border-color: #21252b;
    background-color: #2c3136;!important;
    outline: none;
    color: #9dadbb
}

.entry:focus {
    border-color: #21252b;
    background-color: #2c3136;!important;
    outline: none;
    color: #9dadbb
}

.form-check-input{
    background-color: #383f46;
    outline: none !important;
    box-shadow: none;
}

.form-check-input:focus{
    outline: none !important;
    box-shadow: none;
}

.footer{
    text-align: center;
}

.btn{
    background: #383f46;
            outline: none !important;
            box-shadow: none;
    color: #ffffff;
    margin: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn:focus{
    transition-duration: 0.4s;
    outline: none !important;
    box-shadow: none;
    backdrop-filter: blur(25px);
    background: #383f46;
    -webkit-backdrop-filter:blur(25px);
}

.btn:hover {
    outline: none !important;
    box-shadow: none;
    color: #9dadbb;
    backdrop-filter: blur(15px);
    background: #32393f;
    -webkit-backdrop-filter:blur(25px);
}

.nav-link-button{
    transition-duration: 0.4s;
    color: #9dadbb;
    background: none;
    margin: 5px;
}


    .bar {
        background-color: #1e5b74;
        width: 0%;
        height: 10px;
    }

    .emptyBar {
        background-color: #303030;
        width: 100%;
        height: 10px;
    }

    py-loader {
        visibility: hidden;
    }

.top-spacer{
    padding-bottom: 100px;
}


@media only screen and (max-width: 600px) {
    .top-spacer{
        padding-bottom: 70px;
    }

    .nav-link-button {
        width: calc(100% - 15px);
        text-align: left;
        margin: 5px;
    }

    .d-block{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 10px;
    padding: 15px !important;
}
}

.nav-link-button:hover{
    color: #9dadbb;
    background: #383f46;
}

.nav-link-button:focus, .nav-link-button:active{
    color: #9dadbb;
    background: #383f46;
}

.active-tab {
    background-color: #383f46;
    color: #ffffff;
}