body {
            font-family: 'Rubik', sans-serif;
            background-color: #101010;
        }
        /* Custom file input styling */
        .custom-file-input {
            padding: 2rem !important;
            cursor: pointer;
            text-align: center !important;
            transition: all 0.2s;
        }
        .custom-file-input:hover {
            background-color: #0000003e;
        }
        .glassCard {
    border-radius: 25px;
    padding: 2%;
    width: 100%;
    text-align: left;
    border: 2px solid rgba(250, 250, 250, 0.2);
    background-image: radial-gradient(rgba(255, 255, 255, 0.07), rgba(0, 0, 0, 0));
    background-repeat: no-repeat;
    backdrop-filter: blur(5px);
    }
    .bg {
            background-image: url(static/bg.png);
        background-size: contain;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-repeat: no-repeat;
        position: absolute;
        visibility: visible;
        width: 100%;
        z-index: 0;
        height: 100%;
        background-position: center;
    }
    .gradientText {
    background: -webkit-linear-gradient(180deg, #f6901e, #fcb415);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    .mainBtn {
    background-image: linear-gradient(90deg, rgb(252, 179, 21), rgb(246, 145, 31));
    color: rgb(0, 0, 0);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 30px;
    }
    .mainBtn:hover {
        background-image: linear-gradient(90deg, rgb(246, 145, 31), rgb(252, 179, 21),) !important;
    }
    input:focus {
        background-color: transparent !important;
    }