@charset "UTF-8";
@viewport {
    width: device-width;
    orientation: portrait;
    zoom: 1;
    user-zoom: fixed;
}
@-ms-viewport {
    width: device-width;
}
@-o-viewport {
    width: device-width;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-family: sans-serif, courier-std, 'Courier New', Courier, monospace;
    color: #efefef;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

html, body {
    width: 100%;
    height: 100%;
    background-color: #1e1e1e;
    color: #efefef;
}

body {
    touch-action: manipulation;
}

/* html, body {
    position: relative;
    height: 100%;
    min-height: 460px;
    max-height: 100%;
    padding: 0;
    margin: 0;
    background-color: #1e1e1e;
    color: #efefef;
}

body {
    line-height: 1;
    min-width: 320px;
    _width: 320px;
    background: #1e1e1e;
} */

/* a, a:hover, a:active */

a {
    border: 0px;
    text-decoration: none;
    color: #efefef;
    font-family: sans-serif, courier-std, 'Courier New', Courier, monospace;
}

a:link {
    text-decoration: none;
    color: #efefef;
    font-family: sans-serif, courier-std, 'Courier New', Courier, monospace;
}

a:visited {
    text-decoration: none;
    color: #efefef;
    font-family: sans-serif, courier-std, 'Courier New', Courier, monospace;
}

a:hover {
    text-decoration: underline;
    color: #efefef;
    font-family: sans-serif, courier-std, 'Courier New', Courier, monospace;
}

a:active {
    text-decoration: underline;
    color: #efefef;
    font-family: sans-serif, courier-std, 'Courier New', Courier, monospace;
}

h1 {
    margin: 20px 0 5px 0;
    font-size: 16px;
}

h2 {
    margin: 10px 0 5px 0;
    font-size: 14px;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

b, strong {
    font-weight: bold;
}

i, em {
    font-style: italic;
}

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    /* Introduced in IE 10. See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/ */
    -ms-user-select: none;
    user-select: none;
}

.clr {
    clear: both;
    height: 0px;
    overflow: hidden;
}

.clr_10 {
    clear: both;
    height: 10px;
}

.clr_20 {
    clear: both;
    height: 20px;
}

.outer {
    margin: 0 10px;
}

.outer_20 {
    margin: 0 20px;
}

.show_in {
    display: inline;
    visibility: visible;
}

.show_bl {
    display: block;
    visibility: visible;
}

.hide {
    visibility: hidden;
    display: none;
}

.invisible {
    visibility: hidden;
}


  
/* Works on Firefox */
* {
    scrollbar-width: thin;  /* "auto" or "thin" */
    scrollbar-color: #001e2b #2c2c2c;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 12px;                 /* width of the entire scrollbar */
}

*::-webkit-scrollbar-track {
    background: #2c2c2c;       /* color of the tracking area */
    /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
}

*::-webkit-scrollbar-thumb {
    background-color: #001e2b;    /* color of the scroll thumb */
    border-radius: 20px;         /* roundness of the scroll thumb */
    border: 3px solid #2c2c2c;  /* creates padding around scroll thumb */
    /* outline: 1px solid slategrey; */
}

/* 
::-webkit-scrollbar addresses the background of the bar itself. It is usually covered by the other elements
::-webkit-scrollbar-button addresses the directional buttons on the scrollbar
::-webkit-scrollbar-track addresses the empty space “below” the progress bar
::-webkit-scrollbar-track-piece is the top-most layer of the the progress bar not covered by the draggable scrolling element (thumb)
::-webkit-scrollbar-thumb addresses the draggable scrolling element that resizes depending on the size of the scrollable element
::-webkit-scrollbar-corner addresses the (usually) bottom corner of the scrollable element, where two scrollbars might meet
::-webkit-resizer addresses the draggable resizing handle that appears above the scrollbar-corner at the bottom corner of some elements
 */


#main_container {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#splash_background {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;    
    background: radial-gradient(circle at center, #2c2c2c, #1e1e1e);
}

@-moz-document url-prefix() {
    #splash_background {
        /* background: radial-gradient(circle at center, #2c2c2c 0%, #2b2b2b 7.142857142857143%, #2a2a2a 14.285714285714286%, #292929 21.428571428571427%, #282828 28.571428571428573%, #272727 35.714285714285715%, #262626 42.857142857142854%, #252525 50%, #242424 57.142857142857146%, #232323 64.28571428571429%, #222222 71.42857142857143%, #212121 78.57142857142857%, #202020 85.71428571428571%, #1f1f1f 92.85714285714286%, #1e1e1e 100%); */
        background-color: #1e1e1e;
        /* background-image: url('/resources/images/background_radial.png') no-repeat center; */
        background: url('/resources/images/background_radial.png') no-repeat center center;    
    }
}


@media only screen and (min-width: 1345px) {
    #splash_logo {
        width: 163px;
        height: 141px;
        position: absolute;
        top: calc(50vh - 141px - 32px);
        left: calc(50vw - 81.5px);
    }
    
    #splash_logo_text {
        width: 550px;
        height: 73px;
        position: absolute;
        top: calc(50vh + 32px);
        left: calc(50vw - 275px);
    }
}
@media only screen and (min-width: 552px) and (max-width: 1345px) {
    #splash_logo {
        width: 12.118959107806692vw;
        height: 10.483271375464685vw;
        position: absolute;
        top: calc(50vh - 12.862453531598513vw);
        left: calc(50vw - 6.059479553903346vw);
    }
    
    #splash_logo_text {
        width: 40.89219330855019vw;
        height: 5.4275092936802976vw;
        position: absolute;
        top: calc(50vh + 2.379182156133829vw);
        left: calc(50vw - 20.446096654275095vw);
    }
}
@media only screen and (min-width: 320px) and (max-width: 552px) {
    #splash_logo {
        width: 66.89665427509294px;
        height: 57.867657992565064px;
        position: absolute;
        top: calc(50vh - 71.0007434944238px);
        left: calc(50vw - 33.44832713754647px);
    }
    
    #splash_logo_text {
        width: 225.72490706319704px;
        height: 29.95985130111524px;
        position: absolute;
        top: calc(50vh + 13.133085501858735px);
        left: calc(50vw - 112.86245353159852px);
    }
}
@media only screen and (max-width: 320px) {
    #splash_logo {
        width: 66.89665427509294px;
        height: 57.867657992565064px;
        position: absolute;
        top: calc(50vh - 71.0007434944238px);
        left: calc(50vw - 33.44832713754647px);
    }
    
    #splash_logo_text {
        width: 225.72490706319704px;
        height: 29.95985130111524px;
        position: absolute;
        top: calc(50vh + 13.133085501858735px);
        left: calc(50vw - 112.86245353159852px);
    }
}

/* .main_container {
    min-height: 100%;
    _height: 100%;
    background-color: #1e1e1e;
} */

/* .main {
    padding-bottom: calc(246px + 78px);
} */

/* .footer {
    position: relative;
    height: 246px;
    margin-top: -246px;
    background-color: #001e2b;
    font-size: 12px;
    color: #efefef;
} */

/* .base {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    top: 78px;
    bottom: 0;
    margin: auto;
    min-width: 1345px;
    max-width: 1345px;
}

.content {
    padding-top: 32px;
    padding-bottom: 32px;
}

.copyright {
    position: absolute;
    bottom: 20px;
    left: 20px;
}


.content h1 {
    font-size: 48px;
} */