:root{--font-family--default:Arial;--font-size--small:2vh;--font-size--medium:3vh;--font-size--large:4vh;--color--white:#fff;--color--grey-light-light:#f0f0f0;--color--grey-light:#a0a0a0;--color--grey-dark:#505050;--color--green-light:#a0e0a0;--color--green-dark:#608060;--topbar--height:15%}body,html{width:100%;height:100%;font-family:var(--font-family--default);font-size:var(--font-size--medium);flex-direction:column;justify-content:space-evenly;align-self:center;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}button{background-color:var(--color--grey-dark);border-color:var(--color--grey-dark);color:#fff;border-style:solid;border-width:5px;border-radius:5px;font-size:4vh;transition-property:background-color,color;transition-duration:.2s;overflow:auto}button:hover{background-color:var(--color--grey-light);color:#000}.grey_out:state(greyed_out){background-color:var(--color--grey-light)}