body {
    border: 0;
    margin: 0;
    padding: 0;
    background: #232635;
    color: white;
    background-image: url(assets/x16logo_big.jpg);
    background-size: cover;
}

.title_bar {
    width: 100%;
    height: 37px;
    background: #404050;
    border-bottom: 2px solid white;
}

.main_area {
    width: 100%;
    height: 94%;
}

.logo_text_png {
    height: 40px;
}

.menu_bar {
    border: 1px solid green;
    width: 100%; 
    height: 100%;
    background: blue;
}
    
.menu {
    float: right;
    display: flex;
    margin-top: 10px;
}

.menu_item {
    height:22px;
    padding-left: 10px;
    padding-right: 10px;
}

.menu_text {
    color: white;
    font-family: 'Press Start 2P';
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.try_online { 
    position: absolute;
    bottom: 100px;
    left: 50px;
}

.orange {
    background-color: #e67e22;
    color: #222735;
}

.blue {
    background-color: #2980b9;
    color: white;
}

.blank {
}

.list_item {
    font-family: 'Press Start 2P';
    font-size: 16px;
    padding: 9px;
    text-align: right;
    opacity: 0.85;
    line-height: 25px;
    min-width: 0px;
    display: inline-block;
}


.list1  {
    position: absolute;
    bottom: 200px;
    right: 50px;
    text-align: right;
}

.link_white { 
    color: #f0f0f0;
}


.bottom_area {
    text-align: center;
    width: 100%
    height: 15px;
    bottom: 0px;
}

.bottom_text {
    font-family: Verdana,sans-serif;
    font-size: 15px;
    color: #c0c0c0;
}

.boot_screen {
    opacity: .80;
    position: absolute;
    top: 40%;
    left: 33%;
}