@import"https://fonts.googleapis.com/css2?family=Poppins:wgth@100;200;300;400;500;600;700;800&display=swap";*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box}body{padding:2px;display:flex;align-items:center;justify-content:center;min-height:100vh;background:#cbdbff}.form-container{width:90%;max-width:1000px;margin:auto}.title,.slogan{text-align:center}.btn{width:100%;padding:.8rem;font-size:1rem}.auth-Image{background:#cbdbff;border-radius:8px}.alert{margin-bottom:1.5rem}.signIn-Image{width:100%;mix-blend-mode:multiply}.profile-card{width:100%;max-width:400px;display:grid;justify-content:center;border:1px solid rgba(17,28,95,.61);padding:1rem;margin:1rem auto}.avatar{margin-bottom:1.5rem}.username{text-transform:capitalize;text-align:center}.profile-btn{margin-top:1.3rem;width:100%;padding:.8rem}@media (max-width: 768px){.form-container{width:95%}.profile-card{padding:.8rem}.btn{font-size:.9rem;padding:.6rem}}@media (max-width: 480px){body{flex-direction:column}.form-container{padding:1rem}.profile-card{width:90%}}