/* latin */
@font-face {
    font-family: 'VNEFont';
    font-style: strong;
    font-weight: 100;
    font-display: swap;
    src: url("VNEFont.ttf") format('truetype');
    unicode-range: U+0000-FFFF;
}
@font-face {
    font-family: 'VNEFont';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("VNEFont.ttf") format('truetype');
    unicode-range: U+0000-FFFF;
}
body{
min-width: 640px;}
*{ font-family: 'VNEFont', normal;
    padding: 0;
    margin: 0;
    background-color: #B5E61D;
    color: #156C30;
}

.titlebar{
    justify-content: center;
    padding: 80px 6%;
}
.container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;

}
.logo{
    -webkit-box-shadow: 2px 2px 0px 1px #000000; 
    box-shadow: 2px 2px 0px 1px #000000;
    padding: 32px 0px;
    background-color: #89B013;
    display: flex;
    justify-content: center;
    vertical-align:middle;
    font-size: 32px;
    font-family: 'VNEFont', normal;
}
.nav-section{
    -webkit-box-shadow: 2px 2px 0px 1px #000000; 
    box-shadow: 2px 2px 0px 1px #000000;
    padding: 8px 0px;
    background-color: #D3F07D;
    display: flex;
    justify-content: space-evenly;
    vertical-align:middle;
    font-size: 16px;
    font-family: 'VNEFont', normal;
}
.nav-section a{
    background-color: inherit;
}
.logotext{
    background-color: inherit;
    font-weight:lighter;
    font-size: 48px;
}
.htext{
    background-color: inherit;
    font-weight:lighter;
    font-size: 32px;
}
.GPreview{
    padding: 8px 25%;
}
.GPreviewButtons{
    -webkit-box-shadow: 2px 2px 0px 1px #000000; 
    box-shadow: 2px 2px 0px 1px #000000;
    padding: 8px 0px;
    background-color: #D3F07D;
    display: flex;
    justify-content: space-evenly;
    vertical-align:middle;
    font-size: 16px;
    font-family: 'VNEFont', normal;
}
.platformbtn{
    -webkit-box-shadow: 2px 2px 0px 1px #000000; 
    box-shadow: 2px 2px 0px 1px #000000;
    padding: 4px 4px;
    background-color: #89B013;
    display: flex;
    justify-content: space-evenly;
    vertical-align:middle;
    font-size: 16px;
    font-family: 'VNEFont', normal;
}
.platformbtn img{
    width:64px;
    height:64px;
    object-fit: cover;
}
.platsubheader{
    display: flex;
    align-content: center;
    justify-items: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    
    /*justify-content: space-between;*/
}
.platsubheader h2{
    display: flex;
    align-content: center;
    justify-items: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    
    /*justify-content: space-between;*/
}
.SplitPanels{
    padding: 20px 20px
}
.maintable{
    width: 100%;
    padding: 0px 0px;
    background-color: #89B013;
    -webkit-box-shadow: 2px 2px 0px 1px #000000; 
    box-shadow: 2px 2px 0px 1px #000000;
}
.half table{
    width: 100%;
    padding: 0px 0px;
}
.splitpaneltable {
    padding: 0px 0px;
    background-color: #89B013;
    
}
.mainhalf{
    padding: 8px 8px;
    background-color: #89B013;
    width: 50%;
    height: 50vh;
}
.half *{
    /*-webkit-box-shadow: 2px 2px 0px 1px #000000; 
    box-shadow: 2px 2px 0px 1px #000000;*/
    padding: 4px 4px;
    background-color: #D3F07D;
    /*display: flex;
    justify-content: space-evenly;
    vertical-align:middle;
    font-size: 16px;
    font-family: 'VNEFont', normal;*/
}
.half wide{
    padding: 0px 0px;
    display:inline-block;
    transform-origin: 0 0;
    transform:scale(2,1)
}
.half2 *{
    padding: 2px 2px;
    background-color: #D3F07D;
    /*display: flex;
    justify-content: space-evenly;
    vertical-align:middle;
    font-size: 16px;
    font-family: 'VNEFont', normal;*/
    
}
.half2 table{
    width: 100%;
    padding: 0px 0px;
    background-color: #D3F07D;
}
.subsection4{
    width: 100%;
    padding: 0px 0px;
    background-color: #89B013;
    height:100%;
}
.half2{
    -webkit-box-shadow: 2px 2px 0px 1px #000000; 
    box-shadow: 2px 2px 0px 1px #000000;
    background-color: #D3F07D;
    height: 100%;
}
.half{
    -webkit-box-shadow: 2px 2px 0px 1px #000000; 
    box-shadow: 2px 2px 0px 1px #000000;
    background-color: #D3F07D;
    height: 100%;
}
.subitem{
    background-color: #D3F07D;
    padding: 8px 8px;
}
/*.sub2{
    
}*/
.subitemcontent{
    background-color: #89B013;
    -webkit-box-shadow: 2px 2px 0px 1px #000000; 
    box-shadow: 2px 2px 0px 1px #000000;
    height: 100%;
}
.subitemcontent *{
    background-color: #89B013;
}
.purchasebtn{
    height: 50%;
    background-color: #89B013;
}
.purchasebtn *{background-color: #89B013;}