.elementor-1871 .elementor-element.elementor-element-7e42baa{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-783fd78 */@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap');

html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: radial-gradient(circle at center, #7c0a1f 0%, #1a0005 100%);
    background-size: 200% 200%;
    background-attachment: fixed;
    animation: Gradient 5s linear infinite;
    width: 100%;
}

.card_2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: auto;
    width: 100%;
    background-color: #7c0a1f00;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 215, 0, 0.6);
    padding: 2rem 2rem 1rem 2rem;
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 200% 50%;
    }
}

.info {
    font-family: "Cormorant", serif;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.info p {
    background: linear-gradient(to right, #BB8D34, #E3C165, #BB8D34);
    display: inline-block;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.imperium-bio {
    font-family: "Cormorant", serif;
    color: #ffebb3;
    margin-bottom: 20px;
}

.glass-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    margin-bottom: 12px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    background: linear-gradient(to right, #BB8D34, #E3C165, #BB8D34);
    display: inline-block;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.btn {
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: center;
    justify-self: center;
    margin: 0;
    padding: 0;
    width: 100%;
}

.glass-btn {
    background: linear-gradient(#E3C165, #BB8D34);
    backdrop-filter: blur(10px);
    color: #210102;
    padding: 15px 20px;
    border-radius: 50px;
    margin-bottom: 20px;
    width: 100%;
    font-weight: 600;
    cursor: pointer;
    border: none;
    border-top: 3px solid #fadf97 !important;
    border-bottom: 3px solid #9e7119 !important;
    outline: 4px solid rgba(255, 255, 255, .3);
    word-break: break-word;
    overflow-wrap: break-word;
}

.imperium-social-title {
    font-family: "Cormorant", serif;
    color: #ffebb3;
    margin-bottom: 5px;
}

.imperium-social-grid {
    display: flex;
    background: linear-gradient(to right, #bb8e341a, #e3c16528, #bb8e3421);
    border-radius: 50px;
    width: 250px;
    padding: 10px;
    gap: 30px;
    justify-content: center;
    justify-self: center;
    align-items: center;
    margin-bottom: 10px;
}

.imperium-info-section {
    font-size: 1em;
    font-family: "Cormorant", serif;
    color: #ffebb3;
    margin-bottom: 50px;
}

.imperium-info-title {
    margin-bottom: 5px;
}

.imperium-info-item {
    text-decoration: none;
    font-size: 0.8em;
    color: #ffebb3;
}

.logo img {
    width: 120px;
}

.imperium-footer {
    margin-top: 5px;
    padding-top: 10px;
    border-top: 1px solid rgba(227, 193, 101, 0.3);
}

.imperium-logo {
    color: rgba(227, 193, 101, 0.8);
    font-size: 0.9rem;
    font-weight: 300;
    font-style: italic;
}

@media (max-width: 390px) {
    .card_2 {
        padding: 1.5rem 1rem 1rem 1rem;
        width: 95%;
    }

    .glass-btn,
    .imperium-social-grid {
        width: 200px;
    }

    .glass-name {
        font-size: 1.3rem;
    }
}/* End custom CSS */