html
{
    background:#111;
    color:grey;
    text-align:center;
    font-family:sans-serif;
    font-size:large;
    line-height:1.2em;
}

ul
{
    text-align:left;
}

select, button
{
    padding:10px;
    font:inherit;
}

select
{
    min-width:200px;
}

button
{
    padding:0.5em 1em 0.25em 1em;
}

body
{
    margin:auto;
    max-width:600px;
    margin-top:50px;
}

div.cooldownProgress {
    bottom:10px;
    z-index:10;
    height:3px;
    background: #58A;
    position:relative;
    max-width:85%;
}

a
{
    color:#58A;
}

a.block.disabled
{
    filter: grayscale(75%) brightness(60%);
}

.maximise {
    width:100%;
    height:100%;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
  }

#blocks
{
    margin:auto;
    max-width:350px;
}

a.block
{
    animation:filter;
    display:inline-block;
    width:100px;
    height:100px;
    line-height: 100px;
    text-align:center;
    vertical-align:middle;
    border:solid 2px #58A;
    color:#FFF;
    border-radius:10px;
    margin:6px 3px 6px 3px;
    text-decoration: none;
}
a.block:hover
{
    cursor:hand;
}
a.block:active
{
    /*box-shadow: royalblue 0px 0px 8px;*/
    opacity:70%;
}