.cell {
    display: flex;
    flex-wrap: wrap;
}

.cell-item {
    box-sizing: border-box;
    flex: 0 0 50%;
    margin-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.cell-cell {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.2);
}

input[type="submit"].button-as-link,
button.button-as-link {
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    display: inline;
    text-decoration: underline;
    background-color: transparent;
    border: 0 solid transparent;
    color: #0D47A1; 
    cursor: pointer;
    font-size: inherit;
    border: none;
    width: auto;
    border-radius: 0;
}

main {
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.1); /* Black background with 0.5 opacity */  
    color: var(--text);
    background: var(--bg);
    font-size: var(--base-fontsize);
    line-height: var(--line-height);  
    display: flex;
    /*min-height: 100vh;*/
    flex-direction: column;
    justify-content:flex-start;    
    flex: 1 1 0; 
    margin: 0 auto;
    padding: 0 5.0rem;
    max-width: 90rem;     
    overflow-x: hidden;
    word-break: break-word;
    overflow-wrap: break-word;
  }

  .container{
    height: 100%;
    width: 100%;
    background-image: url(images/14.jpg);
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center;       
    -webkit-transition: all 4s ease;
    -moz-transition: all 4s ease;
    -ms-transition: all 4s ease;
    -o-transition: all 4s ease;
    transition: all 4s ease;    
 } 

  .table_broad{
    max-width: 140rem;;
  }     

/*@keyframes animate{
    0%{
        background-image: url(images/1.jpg);
    }4%{
        background-image: url(images/2.jpg);
    }8%{
        background-image: url(images/3.jpg);
    }12%{
        background-image: url(images/4.jpg);
    }16%{
        background-image: url(images/5.jpg);
    }20%{
        background-image: url(images/6.jpg);
    }24%{
        background-image: url(images/7.jpg);
    }28%{
        background-image: url(images/8.jpg);
    }32%{
        background-image: url(images/9.jpg);
    }36%{
        background-image: url(images/10.jpg);
    }40%{
        background-image: url(images/11.jpg);
    }44%{
        background-image: url(images/12.jpg);
    }48%{
        background-image: url(images/13.jpg);
    }52%{
        background-image: url(images/14.jpg);
    }56%{
        background-image: url(images/15.jpg);
    }60%{
        background-image: url(images/16.jpg);
    }64%{
        background-image: url(images/17.jpg);
    }68%{
        background-image: url(images/18.jpg);
    }72%{
        background-image: url(images/19.jpg);
    }76%{
        background-image: url(images/20.jpg);
    }80%{
        background-image: url(images/22.jpg);
    }84%{
        background-image: url(images/23.jpg);
    }88%{
        background-image: url(images/24.jpg);
    }92%{
        background-image: url(images/25.jpg);
    }96%{
        background-image: url(images/26.jpg);
    }100%{
        background-image: url(images/27.jpg);
    }
}*/

  .flex-container{
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.1); /* Black background with 0.5 opacity */
    color: black;
   
}

/*.container { 
    display: flex; 
    height:5000px; 
    flex-flow: column wrap; 
    background-color: #fff; 
    align-content: flex-start; 
} 
  
.container > main { 
    background-color: #fff; 
    width: 30px; 
    margin: 10px; 
    text-align: center; 
    line-height: 75px; 
    font-size: 30px; 
    
} */