/* 
    Created on : Dec 24, 2022, 3:52:02 PM
    Author     : BobT
*/

@import url('https://fonts.cdnfonts.com/css/old-english-five');
@import url('https://fonts.cdnfonts.com/css/News-Gothic-MT');

body {
    font-family: "Times";
    font-size: 18pt;
    margin: 0px;
    width: 100%;
    height: 100vh;
    color: gold;
    background-attachment: fixed;
    background-image: url('earthfromspace.webp');
    background-color: black;
    background-size: 3000px 1200px;
    overflow-y: hidden;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.up_button_0, div.up_button_1, div.up_button_2 {
    z-index: 1;
    position: absolute;

    font-size: 18pt;
    left: 40pt;
    top: 20pt;
    color: gold;
}

div.up_button_0 {
    top: 20pt;
}

div.up_button_1 {
    top: 40pt;
}

div.up_button_2 {
    top: 60pt;
}

.scroll-rgn {
    overflow-y: auto;
    height: 100%;
}

.main {
    display: block;
    background-size: 100% 100%;
    height: 100%;
}

.title, .title-sub, .title-gold {
    font-family: "Arial";
    font-size: 32pt;
    text-align: center;
    font-weight: bolder;
    padding-top: 12pt;
    padding-bottom: 8pt;
}

.title-gold {
    color: gold;
}

.drop_gold {
    text-shadow: 0px 0px 0 rgb(227,165,0),
                 1px 1px 0 rgb(180,132,0),
                 2px 2px 0 rgb(135,99,0),
                 3px 3px 0 rgb(90,66,0),
                 4px 4px 0 rgb(45,33,0);
    
}

.box-drop-gold {
    box-shadow: 0px 0px 0 rgb(227,165,0),
                 1px 1px 0 rgb(180,132,0),
                 2px 2px 0 rgb(135,99,0),
                 3px 3px 0 rgb(90,66,0),
                 4px 4px 0 rgb(45,33,0);
    
}

.title-small {
    font-size: 24pt;
    font-weight: bold;
    background-color:  transparent;
}

.page-body {
    margin-left: auto;
    margin-right: auto;
    width: 800pt;
    background-color: #00000060;
    padding-left: 6pt;
    padding-right: 5pt;
}

.body-text {
    font-size: 12pt;
    font-weight: normal;
    text-align: justify;
    text-justify: inter-word;
}

.toggle-arrow {
    font-size: 12pt;
}

.hook {
    font-family: "News Gothic MT 700";
    font-size: 48pt;
    text-align: center;
    padding: 0px;
    margin: 225px  20px 20px 20px;
    text-shadow: 0px 0px 0 rgb(227,165,0),
                 1px 1px 0 rgb(180,132,0),
                 2px 2px 0 rgb(135,99,0),
                 3px 3px 0 rgb(90,66,0),
                 4px 4px 0 rgb(45,33,0);
}

.box0, .box1, .box2, .box3, .box3, .box4 {
    position: absolute;
    padding-right: 3pt;
    padding-left: 3pt;
    font-size: 26pt;
    font-weight: bold;
    background: #00000090;
    width: fit-content;
    text-align: center;
}

.box0, .box1 {
    top: 125pt;
}

.box2, .box3 {
    bottom: 80pt;
}

.box0
{
    left: 20pt;
}

.box1
{
    right: 20pt;
}

.box2
{
    left: 80pt;
}

.box3
{
    right: 80pt;
}

.box4
{
    bottom: 20pt;
    left: 0;
    right: 0;
    margin: auto;
}

.link, .homeLink  {
    font-size: 14pt;
    width: fit-content;
    margin-bottom: 4pt;
    cursor: pointer;
    padding-right: 5pt;
    padding-left: 5pt;
}

.homeLink {
    position: relative;
    float: right;
    width: auto;
    margin-right: 15pt;
    text-align: right;
}

.box0:hover, .box1:hover, .box2:hover, .box3:hover, .box3:hover, .box4:hover, .homeLink:hover {
    color: darkgoldenrod;
    border: solid 1pt darkgoldenrod;
}

.toggle-list {
    list-style-type: none;
}

.entryTable, .entryTableScroll, .entryTableScrollBounds {
    background-color: honeydew;
    width: 100%;
    height: fit-content;
    color: black;
    font-size: 12pt;
    padding: 2pt;
}

.entryTableScrollBounds {
    height: 100vh;
}

.entryTableScroll {
    height: fit-content;
}

.result_number {
    font-weight: bold;
    text-align: right;
    width: -moz-available;
    display: inline-block;
    padding: 0pt 3pt 0pt 3pt;
    border: solid 1pt;
    background-color: lightcyan;
    margin-right: 1pt;
}

.p_input {
    padding: 1pt;
    margin: 1pt;
    width: 125pt;
}

.input_box {
    width: 35pt;
    text-align: right;    
}

.outer_table_border0, .outer_table_border1, .outer_table_border2, .outer_table_border3, .outer_table_border4 {
    border: solid 3pt darkblue;
    padding: 6pt;
    vertical-align: top;
}

.outer_table_border0 {
    background-color: lightblue;
}

.outer_table_border1 {
    background-color:  lightgoldenrodyellow;
}

.outer_table_border2 {
    background-color:  lightskyblue;
}

.outer_table_border3 {
    background-color:  lightcyan;
}

.outer_table_border4 {
    background-color:  lightgray;
}

.cell_title {
    text-align: center;
    font-size: larger;
    font-weight: bold;
    display: inline-block;
    width: 100%;
}

td.output {
    width: fit-content;
    text-align: right;
    padding: 0pt 10pt 0pt 0pt;
}