: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}body{margin:0;padding:0;display:flex;flex-direction:column;width:100vw;height:100vh;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-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:400px;width:400px}.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;box-shadow:0 0 0 10px var(--c-background-shadow);-webkit-box-shadow:0px 0px 0px 10px var(--c-background-shadow);-moz-box-shadow:0px 0px 0px 10px 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}