.container,.container2{display:flex;flex-direction:column;height:100vh;justify-content:center;align-items:center;font-family:Inter,sans-serif;color:#111;font-size:1.2rem}@media screen and (max-width:768px){.container,.container2,.hpv2,.hpv{padding:20px}}@media screen and (max-width:768px){.hpv2{font-size:2rem}}.container2{background:#ffdeda;background:linear-gradient(0deg,#ffdeda,#fff);font-family:"Press Start 2P",system-ui;font-style:normal;font-weight:lighter;height:100%}.hpv{font-weight:700;font-size:4rem;text-shadow:4px 2px 0px #111;color:#fee6e3;-webkit-text-stroke:2px #111}.hpv2{font-family:"Press Start 2P",system-ui;font-weight:700;font-size:3.5rem;text-shadow:4px 2px 0px #111;color:#fee6e3;-webkit-text-stroke:2px #111;margin-bottom:40px;margin-top:40px}.input-botton{flex-direction:row;display:flex;justify-items:center;justify-content:center;align-items:center;align-content:center}.label{font-weight:50;font-size:1.5rem;color:#111}.placeholder{margin:10px 10px 10px auto;border:2px solid #111;border-radius:5px;height:50px;line-height:normal;color:#111;display:block;width:300px;box-sizing:border-box;-webkit-user-select:auto;user-select:auto;font-size:1.5 rem;padding:0 6px 0 12px;background-color:#ffefed}.placeholder :focus{border:3px solid #111}.unlock{align-items:center;background-color:#fee6e3;border:2px solid #111;border-radius:8px;box-sizing:border-box;color:#111;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;height:48px;justify-content:center;line-height:24px;max-width:100%;padding:0 25px;position:relative;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.unlock:after{background-color:#111;border-radius:8px;content:"";display:block;height:48px;left:0;width:100%;position:absolute;top:-2px;transform:translate(8px,8px);transition:transform .2s ease-out;z-index:-1}.unlock:hover:after{transform:translate(0)}.unlock:active{background-color:#ffdeda;outline:0}.unlock:hover{outline:0}.hpv-intro{width:100%;text-align:center}.intro{color:#111;font-size:1rem;margin-left:10px;margin-right:10px;margin-bottom:20px;letter-spacing:.5px;line-height:2}.message{margin-left:10px;margin-right:10px;color:#000;font-size:1.2rem;font-family:DotGothic16,sans-serif;font-weight:400;font-style:normal;letter-spacing:2px}.ending{font-family:DotGothic16,sans-serif;font-size:1.2rem;letter-spacing:2px}@media(max-width:384px){.unlock{padding:0 40px}}.biscuitCat{max-width:288px;height:auto;margin:0 auto;margin-bottom:15vh;mix-blend-mode:multiply;filter:contrast(1)}
