.LoginComponent{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.LoginComponent-in{width:40%;flex-direction:column;border:1px solid #d1d5db;border-radius:10px;padding:1rem 0 2rem}.LoginComponent-in,.login-one{display:flex;align-items:center;justify-content:center;gap:.5rem}.login-one{width:fit-content;padding:1rem 0}.login-one img{width:60px;height:60px;object-fit:cover;cursor:pointer}.login-one h1{font-size:1.2rem;font-weight:600}.login-two{width:fit-content}.login-three{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 0 .5rem}.login-input-field{width:100%;padding:1rem 1.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;font-weight:500}.login-five,.login-four{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:0 0 1rem}.login-five button{width:100%;padding:1rem 2rem;border-radius:5px;color:white;font-weight:600;background-color:black;cursor:pointer;border:none}.login-links{width:80%;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}.back-to-home{color:#4B5563;text-decoration:none;font-size:.875rem;transition:color .2s}.back-to-home:hover{color:#111827}.create-account{color:#2563EB;text-decoration:none;font-size:.875rem;transition:color .2s}.create-account:hover{color:#1D4ED8}@media (max-width:768px){.LoginComponent-in{width:90%}.login-one{width:100%;gap:.5rem;padding:1rem 0}.login-one,.login-two{display:flex;align-items:center;justify-content:center}.login-two{width:90%;text-align:center}}