:root{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{display:flex;justify-content:center;place-items:center;min-width:320px;min-height:100vh;background-color:#a9ddc1}p{margin:5px}.wrapper{display:flex;flex-direction:column;gap:3rem;padding:2rem}.logged-in-content img{max-width:100%}.logged-in-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:250px;background-color:#d4aeb1;border-radius:5px;padding:1rem;text-align:center}.login-container{display:flex;flex-direction:column;align-items:center;padding:1rem;background-color:#e4c1c3;border-radius:5px}.login-form{display:flex;flex-direction:column;align-items:center}.signup-container{display:flex;flex-direction:column;align-items:center;padding:1rem;background-color:#e5c1c4;border-radius:5px}.signup-form{display:flex;flex-direction:column;align-items:center}input{padding:10px;margin-bottom:10px;border-radius:5px;border:none;width:70%}button{padding:10px;margin-bottom:10px;border-radius:20px;border:none;width:70%;background-color:#4000ff;color:#fff;font-weight:700}button:hover{background-color:#3a5640;cursor:pointer}p{font-weight:700;color:#fff}