:root{font-family:Trebuchet MS;line-height:1.5;font-weight:400;margin:0;padding:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--c-red:rgb(236, 65, 42);--c-red-dark:rgb(163, 40, 50);--c-grey:rgb(128, 128, 128);--c-grey-dark:rgb(64, 64, 64);--c-background:rgb(247, 240, 224);--c-background-shadow: rgb(219, 209, 204);--c-border:rgb(39, 30, 23)}form>input,button{font-size:18}button{border:0;padding:1rem;font-size:2rem}.button-base{color:var(--c-border);background:var(--c-background-shadow);cursor:pointer;border-radius:1rem}.menu{position:absolute;bottom:0;gap:1rem;display:flex;flex-direction:row}.press-count{background-color:var(--c-border);color:var(--c-background);padding:0rem 2rem;border-radius:1rem;position:absolute;top:0;z-index:1;margin-top:4rem}@media (min-width:320px){.button-base{border-radius:1rem;font-size:1rem}.menu{margin-bottom:1rem}}body{margin:0;padding:0;display:flex;flex-direction:column;width:100vw;height:100dvh;align-items:center;justify-content:center;background-color:var(--c-background)}.authentication-page{display:flex;flex-direction:column;gap:4rem}.line{width:100%;height:2px;background-color:var(--c-border)}form{font-family:Trebuchet MS;display:flex;flex-direction:column;gap:1rem}form>input{border-radius:8px;border-style:none;border:2px solid var(--c-border);color:var(--c-border);text-align:center;padding:8px}form>button{font-size:1rem;font-weight:800;letter-spacing:1px;border-radius:8px;border-style:none;border:2px solid var(--c-border);padding:8px;color:var(--c-background);background-color:var(--c-border);cursor:pointer}.button-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:200px}.button-page:parent{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.button-top{background-color:var(--c-red);transform:translateY(50%);width:200px;height:100px;border-radius:50%;border:10px solid var(--c-border);border-bottom:none;z-index:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.button-middle{background-color:var(--c-red-dark);height:100px;width:200px;border:10px solid var(--c-border);border-bottom:none;border-top:none;z-index:0;cursor:pointer;transition:.5s ease-in-out}.button-bottom{background-color:var(--c-red-dark);position:absolute;transform:translateY(-50%);width:200px;height:100px;border-radius:50%;border:10px solid var(--c-border);z-index:-1;outline:10px solid var(--c-background-shadow)}.button-middle.pressed{height:30px;transition:.4s cubic-bezier(0,1.3,.37,1)}.button-text{font-weight:800;transform:scaleY(.8);color:var(--c-background);font-size:1.5rem;padding-bottom:1rem}