@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,600;1,600&display=swap');

body {
    background: linear-gradient( rgb( 0 0 0 / 0.5 ), rgb( 0 0 0 / 0.5 ) ) fixed  0 0 / cover, linear-gradient(48.17deg, #292b6b 11.21%, #c4559a 71.92%) fixed 0 0 / cover;
    text-align: center;
}


.glass.contentbox,
.glass.wcontentbox {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
    padding: 1.5rem;
    color: #fff;
}

.wcontentbox {
    width: 75%;
    margin: auto;
}

.contentbox {
    width: 40%;
    margin: auto;
}

.inline-flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}

@media only screen and (max-width:123vh) {
    .swcontentbox {
        width: 80%;
    }
    .wcontentbox {
        width: 85%;
    }
    .contentbox {
        width: 75%;
    }
    /* .inline-flex {
        display: block;
    } */
}

a {
    color: #ffffff;
}

html * {
    font-family: "Nunito", sans-serif !important;
}

*:focus {
    outline: none !important;
}