html {
    overflow-x: hidden;
    scroll-behavior: smooth;
    min-height: 100%!important;
}

body {
    background: linear-gradient(190deg, #3B3D2F -107.9%, #111111 95.42%);
}

.accent {
    color: #DFFF16 !important;
}

.smaller-text {
    font-size: 16px;
    color: white;
    font-weight: 400;
    line-height: 0.5;
}

.de-line {
    --defill: 100%;
}

.bde-section-14-100 .section-container {
    margin-top: 80px !important;
}

.MuiLoadingButton-loadingIndicator {
    padding-left: 12px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #3e3e3e inset !important;
}

.main-container {
    padding-top: 2%;
    padding-bottom: 1%;
    margin-left: 5%;
    margin-right: 5%;
}

.container {
    padding-top: 2%!important;
}

.main-link {
    text-decoration: none !important;
    color: var(--light-gray-color) !important;
}

.main-link:hover {
    color: var(--link-hover-color) !important;
}

@media only screen and (min-width: 1600px) {
    /**Custom scroll bar**/
    /* width */
    ::-webkit-scrollbar {
        width: 6px;
    }
    /* Track */
    ::-webkit-scrollbar-track {
        background: #cccccc;
        margin-top: 10px!important;
        margin-bottom: 10px!important;
        margin-right: 5px!important;
        border-radius: 3px;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #000000;
        border-radius: 3px;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
}