/* Font Imports */
* {
    font-family: 'DynaPuff', cursive;
}

html, body {
    background-color: #474f7a;
    color: #81689d;
    overflow-x: hidden;  /* Prevent sideway scroll */
}

.crw-f {
    display: none;
}

.title,
.subtitle {
    font-family: 'Kavoon', cursive;
}

.subtitle {
    font-size: large;
}

.hero{

    background-image: url('/img/hero.webp');            
    background-size: cover;
    background-position: center;
}

.hero-body{
    /*
    * Created with https://www.css-gradient.com
    * Gradient link: https://www.css-gradient.com/?c1=1f0528&c2=693ed500&gt=r&gd=dcl
    */
    background: #1F0528;
    background: radial-gradient(at right center, #1F0528, #693ED500);
}

#anti_hero{

    padding-top: 3em;
    padding-bottom: 2em;

    /* From https://css.glass */
    background: rgba(101, 14, 112, 0.71);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5.8px);
    -webkit-backdrop-filter: blur(5.8px);
    border: 1px solid rgba(101, 14, 112, 0.84);
}


#cast, #cast_mobile{
    display: block; /* Ensure it's a block element */
    width: 50%; /* Optional: set a width for the element */
    margin: 2em auto; /* This centers it horizontally */
}

#intermediary{
    padding: 3em;
    background: #1f2544;
    margin-bottom: 2em;
    padding-left: 4em;
}

#intermediary_info p{
    margin-bottom: 3em;
    font-size: 1.5em;
}

#gallery .title, #gallery .subtitle {
    font-family: "Agu Display", serif;
    font-weight: 600;
    color: #f0f8a4;
}

#gallery p{

    color: #36656b;
}

#gallery {
    background: #75b06f;
    border-radius: 20px;
    border: solid 4px #36656b;  /* Adjust border size as needed */
    padding: 3em 0;  /* Padding top and bottom */
}

.title, .subtitle, p {
    color: #e8d4b7;  /* Set text color for title, subtitle, and paragraphs */
}

#links {
    /* margin-left: 3em; */ 
    border-radius: 20px;
    background-color: #934790;  /* Background color */
    border: solid 4px #6a0066;  /* Border color and width */
    padding: 3em 0;  /* Padding top and bottom */
}

/*
@media (max-width: 768px) {
    #gallery, #links {
        margin-top: 2em;
        margin-left: 0;  
    }
}*/

.half-col {
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 0.75rem;
}

.gallery-container{
    padding: 2em;
}

.gallery-container .column .card{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.links-info{
    padding: 2em;
}

.links-info p{
    font-weight: 500;
    line-height: 2em;
    padding-bottom: 2em;

}

.title_main, .subtitle {
    font-size: 1.5em;
    color: #FFDB31;
    text-shadow: -2px -2px 0 #733195, 2px -2px 0 #733195, -2px 2px 0 #733195, 2px 2px 0 #733195;
}

.title_main{
    font-size: 6em !important;   
}

.title_main_mobile{
    font-size: 4em !important;   
}

.ftr, .ftr p{
    color: #81689d;
    padding-right: 3em;

}