*{box-sizing:border-box}body{margin:0}h1{font-family:monospace;font-size:3em}h2{font-family:sans-serif}a,button{line-height:1.5em;text-decoration:none;color:#333;font-family:sans-serif;font-weight:bold;padding:4px 20px;border:solid 1px #333;border-radius:4px;display:flex;justify-content:center;align-items:center;cursor:pointer;min-height:44px;background-color:#f2f2f2}a:hover,button:hover{background-color:#999}input{border-radius:4px;line-height:1.5em;padding:4px 12px}.error-text{color:darkred}#app-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.app-header{display:flex;justify-content:space-between;width:calc(100% - 40px);align-items:center;padding-left:20px;padding-right:20px}.page-content{display:flex;flex-direction:column;text-align:center}.static-image{object-fit:cover}.nav-menu{position:relative;z-index:200}.nav-menu .nav-menu-btn{cursor:pointer;z-index:1;position:fixed;top:26px;left:20px;border:solid 1px #111;border-radius:4px;padding:12px;display:flex;align-items:center;justify-content:center;box-shadow:#555 2px 2px 8px;background-color:#f2f2f2}.nav-menu .nav-menu-btn:hover{background-color:#999}.nav-menu nav{position:fixed;align-items:start;justify-content:start;flex-direction:column;top:0;right:0;bottom:0;left:0;padding-top:120px;padding-left:20px;background-color:#ccc;transition:all 400ms ease-in;gap:20px}.nav-menu nav.open{display:flex}.nav-menu nav.closed{display:none}.nav-menu nav a{background-color:#f9f9f9;font-size:1.5em;padding-left:12px}.nav-menu nav a:hover{background-color:#999}.auth-menu{position:relative}.auth-menu .auth-menu-btn{font-size:1.5em}.auth-menu .form-type-cta{text-decoration:underline;border:none;background-color:inherit}.auth-menu .menu{z-index:500;position:fixed;top:0;right:0;bottom:0;left:0;padding-top:40px;padding-right:40px;background-color:#ccc;gap:20px}.auth-menu .menu.open{display:flex;flex-direction:column;align-items:center;justify-content:start}.auth-menu .menu.closed{display:none}.auth-menu .menu .x-icon{align-self:end}.auth-menu form{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:300px}.auth-menu form input{font-size:1em}.auth-menu form button{font-size:1.5em}.auth-menu form .form-field{display:flex;gap:12px;width:100%}.homepage{padding-left:20px;padding-right:20px}.homepage section{display:flex;gap:20px;width:100%;margin-bottom:60px}.homepage section img{width:100%}.homepage section button{font-size:1em;margin-bottom:12px}.homepage section h2.floating-title{position:absolute;text-shadow:#eee 2px 2px 4px;font-size:2.5em;left:40px}.homepage section h2.floating-title.align-right{left:initial;right:40px}.homepage section .left-region{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-basis:34%}.homepage section .right-region{display:flex;flex-basis:66%}.homepage .hero-section h2{line-height:2.5em}.hamburger-gradient{--bar: 0.45rem;--gap: 0.9rem;color:#333;background:linear-gradient(currentColor, currentColor) center calc(50% - var(--gap))/100% var(--bar) no-repeat,linear-gradient(currentColor, currentColor) center/100% var(--bar) no-repeat,linear-gradient(currentColor, currentColor) center calc(50% + var(--gap))/100% var(--bar) no-repeat;width:44px;height:44px;transition:all 275ms ease;display:flex;align-items:center;justify-content:center}.x-icon{width:44px;height:44px;background:linear-gradient(45deg, transparent 46%, #333 46%, #333 54%, transparent 54%),linear-gradient(-45deg, transparent 46%, #333 46%, #333 54%, transparent 54%);background-repeat:no-repeat;background-size:100% 100%;transition:all 275ms ease;display:flex;align-items:center;justify-content:center;cursor:pointer}