body{margin:1rem}main.svelte-8ebn6.svelte-8ebn6.svelte-8ebn6{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;height:34rem;width:min(50rem,100% - 4rem)}@media screen and (max-width: 47rem),screen and (max-height: 50rem){main.svelte-8ebn6.svelte-8ebn6.svelte-8ebn6{flex-direction:column;width:100%;height:auto;position:relative;top:0;left:0;transform:none;padding-left:1rem;padding-right:1rem;box-sizing:border-box;z-index:0}}#left.svelte-8ebn6.svelte-8ebn6.svelte-8ebn6{border-radius:.4rem;width:40%;height:calc(100% + 2rem);box-sizing:border-box;position:relative;background-color:var(--clr-height-0-12);display:flex;flex-direction:column;align-items:center;padding-top:3rem}#left.svelte-8ebn6 img.svelte-8ebn6.svelte-8ebn6{height:6rem;aspect-ratio:1}#left.svelte-8ebn6 h4.svelte-8ebn6.svelte-8ebn6{margin-bottom:.3em}@media screen and (max-width: 47rem),screen and (max-height: 50rem){#left.svelte-8ebn6.svelte-8ebn6.svelte-8ebn6{width:calc(100% + .5rem);height:auto;padding-top:2rem;padding-bottom:2rem}}#hexagon.svelte-8ebn6.svelte-8ebn6.svelte-8ebn6{height:15rem;width:15rem;filter:drop-shadow(0px 1px 3px rgba(0,0,0,.2)) drop-shadow(0px 3px 4px rgba(0,0,0,.14)) drop-shadow(0px 1px 8px rgba(0,0,0,.12));position:absolute;right:0;bottom:2rem;z-index:-5;transform:translate(50%)}@media screen and (max-width: 47rem),screen and (max-height: 50rem){#hexagon.svelte-8ebn6.svelte-8ebn6.svelte-8ebn6{height:10rem;width:10rem;bottom:0;right:3rem;transform:translateY(50%) rotate(90deg)}}#right.svelte-8ebn6.svelte-8ebn6.svelte-8ebn6{border-radius:0 .4rem .4rem 0;width:60%;height:100%;padding-top:5rem;box-sizing:border-box;z-index:-10;position:relative;overflow:hidden;background-color:var(--clr-height-0-2)}#right.svelte-8ebn6 form.svelte-8ebn6.svelte-8ebn6{display:flex;flex-direction:column;align-items:center;gap:1rem}@media screen and (max-width: 47rem),screen and (max-height: 50rem){#right.svelte-8ebn6 form.svelte-8ebn6>div.svelte-8ebn6{max-width:calc(100% - 2rem)}}@media screen and (max-width: 47rem),screen and (max-height: 50rem){#right.svelte-8ebn6.svelte-8ebn6.svelte-8ebn6{width:100%;height:auto;border-radius:0 0 .4rem .4rem;padding-top:7rem;padding-bottom:3rem}}main.svelte-8ebn6 #loader{position:absolute;top:0}main.svelte-8ebn6 #theme-toggle{position:absolute;top:1rem;right:2rem}@media screen and (max-width: 47rem),screen and (max-height: 50rem){main.svelte-8ebn6 #theme-toggle{right:auto;left:2rem}}