html {
    height:100%;
}

body {
    color:#666666;
    background-color:#000000;
    height:100%;
    width:100%;
    padding:0;
}

/*div.sticky {*/
/*    position:fixed;*/
/*    height: 100%;*/
/*    width:100%;*/
/*    background-color:#111111;*/
/*}*/

/*div.centered {*/
/*    text-align: center;*/
/*}*/

/*canvas {*/
/*    bottom:0;*/
/*    width:100%;*/
/*    height:100%;*/
/*}*/
.button:hover {
    box-shadow: 0 0 10px 10px #00cc2b;
}

.button:focus {
    outline:unset;
    border: 2px #2ca02c solid;
}

.button {
    transition: box-shadow 0.5s;
    border: 2px transparent solid;
    margin-top: 20px;
    border-radius: 18px;
    box-shadow: 0 0 10px 0px #00cc2b;
    background-color: transparent;
    color: #fff;
    padding: 5px 10px 5px 10px;
}


.button-menu:focus {
    outline:unset;
    border:2px #2ca02c solid;
}

.button-menu:hover {
    box-shadow: 2px 3px 20px 0px #00cc2b;
}

.button-menu:disabled {
    box-shadow: 2px 3px 7px 0px #ff898599;
    color: #ec6c6c78;
}


.button-menu {
    border: 2px transparent solid;
    transition: box-shadow 0.5s, border 0.5s;
    height: 35px;
    background-color: transparent;
    color: #7b7b7b;
    box-shadow: 2px 3px 7px 0px #012300a3;
    margin-left: 7px;
    margin-right: 7px;
    border-radius: 15px;
}

.div-main {
    height:100%;
    padding:0;
    background-color: #000000ad;
}

.div-home {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000000ad;
    flex-direction: column;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
}

/*label {*/
/*    margin-right:10px;*/
/*}*/

/*button.round {*/
/*    border-radius:5px;*/
/*}*/