.blog-title
{
    padding-bottom: 1em;
}

.blog-title h1
{
    font-family: "PatrickHand", sans-serif;
    font-weight: bold;
    font-size: 2.5em;

    margin: 0;
}

.blog-title h2
{
    font-style: italic;
    font-size: 1.3em;
    color:rgb(120, 120, 120);
}



.Blog
{
    padding-left: 10vw;
    padding-right: 10vw;
}

.blog-page h1, .blog-page h2
{
    font-family: "PatrickHand", sans-serif;
    margin: 0;
    padding-top: 1em;
}

.blog-page .list li
{
    /*list-style-type: circle;*/
    /*background-image: url('../img/web/star-solid.svg');*/
}

.blog-page img
{
    width: 100%;
}

.blog-page .caption
{
    text-align: center;
    font-style: italic;
    color: rgb(120, 120, 120);
    margin-top: 0.25em;
}


.blog-page .download
{
    max-width: 100%;
    padding: 0;

}

.blog-page .download iframe
{
    max-width: 100%;
    width: 552px;
    height: 167px;
    border-radius: 0.5em;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 
    0 2px 2px 0 rgba(255, 255, 255, 0.19);        
}

.blog-page .demo
{
    width: 100%;
    aspect-ratio: 16/9;
}

.blog-page .demo-tiles
{
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    width: 100%;
}

.blog-page .demo-tile
{
    flex: 33%;
    margin: 1.5em 1.5vw;
    aspect-ratio: 16/9;
}

.demo .webgl-embed, .demo .youtube-embed
{
    width: 100%;
    height: 100%;
}