<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">h1
{
    text-align: center;
}

td
{
    text-align: left;
}

td.Feature
{ 
    padding-left: 50px;
}

.RightContent { float: right; }
.LeftContent { float: left; }
.JustifyContent { text-align: justify; }
.CenterContent { text-align: center; }
.BottomContent { padding-bottom: 20px; }

.RightBottomContent
{
    text-align: right; /*float: left;*/
    padding-left: 20px;
    padding-top: 70px;
}

table.ProjectItem
{ 
    float: left;
    max-width: 165px;
    min-height: 250px;
    padding: 10px;
}

.VideoReference
{
    margin-top: 8px;
    margin-left: 8px;
    float: left; /*text-align: justify;*/
}

video 
{
    width: 550px;
    height: 400px;

    /*width: 100%;
    height: 100%;
    max-width: 500px;
    max-height: 400px;*/
}

.BoxContainer
{
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.Box
{
    max-width: 300px;
    min-height: 250px;
}

.MiddleHeightBox
{
    max-width: 300px;
    max-height: 500px;
    min-height: 250px;
}

.WideBox
{
    max-width: 800px;
}

.UltraWideBox
{
    max-width: 1200px;
}

.TechnologyBox
{
    width: 300px;
    min-height: 300px;
}

.GameBox
{
    min-width: 150px;
    max-width: 300px;
    min-height: 300px;
}

.Box, .MiddleHeightBox, .WideBox, .UltraWideBox, .TechnologyBox, .GameBox
{
    float: left;
    border-radius: 15px;
    display: table-cell;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-left: 20px;
}
</pre></body></html>