*{
    margin: 0;
    padding: 0;
}

html{
    height: 100%;
}

body{
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(1,31,6,1) 0%, rgba(1,91,34,1) 100%);
    font-family: Tahoma, Verdana, sans-serif;
    background-color: grey;
    /*background: url("./imgs/bg.png");*/
    height: 100%;

}

.bg{
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
    min-height:98%;
    margin:auto;
    /*margin-top: 5px;*/
}

h2{
    font-family: Tahoma, Verdana, sans-serif;
    text-align: center;
    padding: 5px;
    color: #09c034;
    /*color: #800000;*/
}

p{
    font-size: 2vw;
}

#hra{
    border:1px solid black;
    background-color: white;
    margin-bottom: 5px;
    float:left;
    margin-left: 20px;
}

.buttonshelf{
    clear:both
}

a{
    text-align:center;
    /*float: left;*/
    /*display:inline-block;*/
}

.button{
    display: inline-block;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    /*float: left;*/
    font: 16px Tahoma, Verdana, sans-serif;
    background-color: #013D0EFF;
    color: #09c034;
    text-decoration: none;
    min-height: 15px;
    /*min-width: 8%;*/
    width: 120px;
}

.inactive{
    border: 4px solid #2a2a2a;
    cursor: default;
}

.active{
    border: 4px solid #09c034/*#2a2a2a*/;
    cursor: pointer;
}

button:nth-child(1){
    margin-left:50px;
}


/*#013D0EFF
#04ff3a
#2A2A2AFF
*/