/* Frank Poth 02/28/2018 */

* { box-sizing:border-box; margin:0; padding:0; }

html { height:100%; width:100% ;margin:0; padding:0}
/*body {

    align-content:center;
    margin:0;
    padding:0;
    background-color:#202830;
    display:grid;
    justify-items:center;
    height:100%;
    width:100%;

}*/

/* 04/07/2018 */

#program_counter{
    position: absolute;
    color: #ffed02;
    font-size:5em;
    text-decoration:none;

    /*left: 50%;*/
    top: 40px;
    margin: 0;
    padding: 0;
}
body{
    margin: 0px;
    padding: 0px;
    height:99.41%;
    width:100%;
}
canvas{
    width: 100%;
    height: 100%;
    background-color: #2baa2a;
    /*margin: 0px;
    pading: 0px;
    z-index: -1;*/

}


div #menu{
    position: absolute;
    color:#ffffff;
    font-size:2em;
    right: 100%;
    left: 3%;
    margin: 0;
    padding: 0;

}
div #menu2{
    position: absolute;
    color:#ffffff;
    font-size:2em;
    right: 100%;
    top: 87%;
    left: 88%;
    margin: 0;
    padding: 0;

}


#menu_list {
    width: 200px;
    top: 50px;
    position: absolute;
    color:#ffffff;
    font-size:2em;
    display:none;
    left: 3%;
    right: 100%;
    margin: 0;
    padding: 0;

}

#menu:hover,#menu2:hover,#upgrady_clasic:hover,#upgrady_boost:hover,#settings:hover{
    color: #00FFFF
}


#Upgrady,#Upgrady2,#Set_main,#begin_menu {
    background-color: white;
    border: 1px solid #003399;
    border-spacing: 1em;
    border-radius: 50px;
    margin: 0px;
    padding: 0px;
    font-size: 25px;
}


td input:hover {
    background-color: #3aa03e;
    color: red;
}

td input:focus {
    background-color: #3aa03e;
    color: #fffe13;
}

#Upgrady caption,#Upgrady2 caption,#Set_main caption {
    font-family: Algerian, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #fffd2c;
    background-color: #2e7530;
    border-radius: 50px;
}