.flex-container
    {
    background-color: #181716;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
    padding: 0px;
    }

.flex-item
    {    
    align-content: stretch;
    /*display: inline-flex;*/
    background-image: url("../image/img_test/Chrysanthemum.jpg");
    background-size: contain;
    padding: 5px;
    width: 400px;
    height: 250px;
  
    line-height: 150px;
    color: white;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
        
    margin: 25px;
    }

#youtube
    {
    height: 2000px;    
    }

.yottie
    {
    max-width: 1240px;
    margin: auto!important;
    z-index: 1;
    }

.yottie-popup-overlay, .yottie-popup
    {
    max-width: 200000px!important;    
    }

.yottie-widget-video, .yottie-widget-video-cinema
    {
    background-color: black!important;
    }

.yottie-popup-video
    {
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3);    
    }

nav, #code
    {
    z-index: 2;    
    }