html::before {
    content: "";
    position: fixed;
    inset: 0;
    background: url("/background.jpg") center/cover no-repeat;
    background-size: cover;
    z-index: -9999;
    pointer-events: none;
}

html, body {
    background: transparent !important;
}
#app,
.ui.container,
.ui.segment,
.ui.card,
.ui.attached.segment {
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 12px 16px;

    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 10px;
}
.page-content.home .column {
    background: rgba(255, 255, 255, 0.75) !important;
    border-radius: 10px;

    max-width: 600px;
    width: 100%;

    margin: 0 auto; 
}
.tw-mb-8.tw-px-8 {
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border-radius: 14px;

    padding: 24px !important;

    max-width: 1400px;
    width: 100%;
    margin: 0 auto; 

}