:root{--font-family--default:Arial;--color--white:#fff;--color--grey-light:#f0f0f0;--color--grey-medium:#a0a0a0;--color--grey-dark:#505050;--color--green-light:#c0f0a0;--color--backgroud-turquoise:#d0f0e0;--color--green-medium:#60a040;--color--green-dark:#004000;--color--yellow:#f0e040;--topbar--height:15%;--topbar-button-height:10vmin}body,html{background-color:var(--color--grey-light);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{cursor:pointer;transition-duration:.1s}