body{background-color:var(--background-color);color:var(--primary-color);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:calc(100dvh - 16px)}#root{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 40rem){#root{justify-content:flex-start;align-items:center}main{margin-top:4rem}}:root{--background-color: #f6f3ed;--primary-color: #40308b}@media (prefers-color-scheme: dark){:root{--primary-color: #f6f3ed;--background-color: #40308b}}.btn{display:flex;justify-content:center;align-items:center;color:inherit;margin:5px;text-decoration:none;text-align:center;padding:.2rem 1rem;height:2rem}.btn-primary{color:var(--background-color);background-color:var(--primary-color)}.flex{display:flex}.row-reverse{flex-direction:row-reverse}.space-between{justify-content:space-between}.align-center{align-items:center}.column-reverse{flex-direction:column-reverse}.flex-center{display:flex;flex-direction:column-reverse;align-items:center}.header{position:fixed;top:0;left:0;padding:1rem;width:calc(100dvw - 2rem);background-color:var(--background-color)}@media screen and (max-width: 40rem){.header{padding:10px;width:calc(100dvw - 20px)}}.logo{margin:0}.logo h1{white-space:nowrap}@media screen and (max-width: 40rem){.logo h1{font-size:1.5rem}}.box-m{max-width:30rem}.wrapper{width:100%;max-width:60rem}