:root{--green-accent-color: #008936;--light-green-accent-color: #b3e6c7;--default-box-shadow: 3px 2px 10px 0px rgba(0, 0, 0, .1);--default-box-shadow-hover: 3px 2px 10px 0px rgba(0, 0, 0, .36);--default-background: #fafafa;--default-background-light: var(--default-background);--default-color: #333}@media(prefers-color-scheme:dark){:root{--default-background: #222831;--default-background-light: #30475E;--default-box-shadow: 3px 2px 10px 0px rgba(0, 0, 0, .36);--default-box-shadow-hover: 3px 2px 10px 0px rgba(188, 111, 241, .5);--default-color: white}}html,body,#app{color:var(--default-color);background:var(--default-background);height:100%;position:relative;padding:0;margin:0;font-family:Roboto,Open Sans,Helvetica Neue,sans-serif}hr{color:#0000003b}.btn-press:active{transform:var(--btn-press-transform);box-shadow:var(--btn-press-box-shadow)}.accent{color:var(--green-accent-color)}.mobile-only{display:none}.hide-mobile{display:inherit}.mz-image{border-radius:75px;width:150px;height:150px}@media screen and (max-width:768px){.mobile-only{display:block}.hide-mobile{display:none}}@media screen and (min-width:769px){.mz-image-container{border-bottom:1px solid rgba(0,0,0,.23);margin-bottom:.5em;padding-bottom:.5em}}.site-name{color:var(--light-green-accent-color);font-size:2em;overflow-wrap:anywhere;font-weight:700;text-shadow:1px .5px var(--green-accent-color),1px 1px var(--green-accent-color),1px 1.5px var(--green-accent-color),2px 2px var(--green-accent-color),2px 2.5px var(--green-accent-color),2px 3px var(--green-accent-color)}