.loginFormContainer{width:calc(100vw - 3rem);max-width:40rem;display:flex;flex-direction:column;gap:1.75rem;margin-bottom:2rem}@media (min-width:768px){.loginFormContainer{max-width:48rem}}.loginInput{width:100%;border-bottom:2px solid white;outline:none;color:white;background-color:#008c6e;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-bottom:.5rem;font-size:1rem;line-height:1.25rem;text-align:left}.loginInput::-moz-placeholder{color:rgb(209 213 219);font-size:1rem;line-height:1.25rem}.loginInput::placeholder{color:rgb(209 213 219);font-size:1rem;line-height:1.25rem}.loginInput:focus{outline:none;border-bottom-color:white}@media (min-width:768px){.loginInput{font-size:1.125rem;line-height:1.75rem}.loginInput::-moz-placeholder{font-size:1.125rem;line-height:1.75rem}.loginInput::placeholder{font-size:1.125rem;line-height:1.75rem}}.loginContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:45%;padding:0 1.9vw;gap:1.6rem}.createContainer{gap:1.1rem}.loginTitle{font-size:2.15rem}.createTitle,.loginTitle{color:#353436;text-align:start;margin-bottom:0}.createTitle{font-size:1.95rem}.inputBoxes{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ccc;border-radius:28px;box-shadow:0 3px 6px 3px rgba(0,0,0,.08);display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:80%;padding:.5rem 2rem;font-size:1.35vw}.greyText{color:#9b9b9b}.inputBoxes:focus{border-color:#007bff}.createInputBoxes{width:84%;padding:.5rem 1.7rem;font-size:1.2vw}.namesContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:84%}.nameBoxes{width:48.5%;font-size:1.2vw}.loginButton{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:28px;box-shadow:0 4px 6px 4px rgba(0,0,0,.1);width:40%;min-width:10rem;padding:.4rem 1rem;font-size:1.6vw}@media (max-width:1280px){.loginContainer{padding:0 2.5rem}.createInputBoxes,.inputBoxes{padding:.5rem 1.5rem}}@media (max-width:1024px){.loginContainer{border:none;height:100%;width:100%}.createContainer{gap:1.2rem}.loginTitle{font-size:2.25rem}.createTitle{font-size:1.85rem}.inputBoxes{border:1px solid #ccc;width:60%;font-size:1.2rem}.createInputBoxes{width:60%;font-size:1.05rem}.namesContainer{width:60%}.nameBoxes{width:48.5%;font-size:1.05rem}.loginButton{width:30%;min-width:0;font-size:1.25rem}.loginContainer{gap:1.8rem}.createContainer{gap:1.1rem}.loginTitle{font-size:1.8rem}.createTitle{font-size:1.65rem;text-align:center}.inputBoxes{border-radius:28px;width:80%;padding:.5rem 1.5rem;font-size:1.1rem}.createInputBoxes{width:80%;padding:.45rem 1.5rem;font-size:.9rem}.namesContainer{width:80%}.nameBoxes{width:49%;padding:.45rem 1.5rem;font-size:.9rem}.loginButton{width:35%;min-width:10.5rem;font-size:1.15rem}}@media (max-width:768px){.loginContainer{gap:1.8rem}.createContainer{gap:1rem}.inputBoxes{width:100%}.createInputBoxes{width:100%;font-size:.9rem}.namesContainer{width:100%}.nameBoxes{width:48.5%;font-size:.9rem}.loginButton{width:35%;min-width:10.5rem;font-size:1.15rem;padding:.4rem 1rem}}.SignInPage{row-gap:1rem;margin-top:-6rem}.SignInPage,.boxes{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.boxes{border:1px solid #ccc;border-radius:.5rem;box-shadow:0 1px 2px 1px rgba(0,0,0,.075);padding:.5rem 1rem;display:block;max-width:32rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.5;outline:none}.boxes:focus{border-color:#007bff}.buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#06100e;box-shadow:0 1px 2px 1px rgba(0,0,0,.075);text-align:center;font-weight:700;color:white;padding:.5rem 1rem;width:100%;max-width:32rem;height:2.8rem;border-radius:.5rem;display:inline-block}.buttons:hover{background-color:#008c4d}.google{margin-top:1%;padding-left:0;width:60%}.errors{color:red;margin-top:-1rem;margin-bottom:-.5rem;font-size:1.1rem}@media (max-width:1280px){.errors{margin-top:-1rem;margin-bottom:-.5rem;font-size:1.35vw}}@media (max-width:1024px){.errors{margin-top:-.8rem;margin-bottom:-.5rem;font-size:1rem}}@media (max-width:640px){.errors{margin-top:-1rem;margin-bottom:-.5rem;font-size:1.15rem}}