.loginPage{display:flex;margin:3em auto;justify-content:center;align-items:center;flex-direction:column}.loginLogo{margin:.5em auto;width:65%}.loginContainer{padding:2em;width:100%}.loginDetailsContainer{width:70%;margin:auto;display:flex;flex-direction:column;gap:1.5em}.loginContainer label{font-weight:700;margin-bottom:.5em}.loginContainer input{border-radius:5px;padding:1.3em;background-color:#f2f2f2;border:none}.loginContainer .loginDetailsContainer input:focus{border:1px solid #7dc9ff}.DOBContainer,.emailContainer,.nameContainer,.passwordContainer,.usernameContainer{display:flex;flex-direction:column}button{cursor:pointer}.loginButton{border:none;background:#002846;border-radius:5px;color:#fff;margin-top:1em}.loginButton,.signupButton{padding:1em;font-weight:700}.signupButton{border:1px solid #002846;border-radius:5px;color:#002846;background:#fff}.pawLoginIcon{color:#7dc9ff;position:absolute;bottom:0;right:0;transform:rotate(-45deg)}@media screen and (min-width:768px){.loginDetailsContainer{width:40%}.loginLogo{width:30%}}