@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Poppins,sans-serif;background-color:#f3f4f6;height:100vh;display:flex;flex-direction:column}.navbar{background-color:#333;padding:10px;display:flex;justify-content:center}.nav-button{margin:0 10px;padding:10px 20px;background-color:#fff;border:none;border-radius:5px;color:#333;font-family:Poppins,sans-serif;font-size:1rem;cursor:pointer;transition:background-color .3s}.nav-button:hover{background-color:#f3f4f6}.container{flex:1;display:flex;height:100vh;justify-content:center;align-items:center;text-align:center;padding:20px;border:2px dashed #cccccc;border-radius:10px;background-color:#fff;box-shadow:0 4px 6px #0000001a;overflow:hidden}.content h1{font-size:2.5rem;color:#000}.register-container{display:flex;justify-content:center;align-items:center;height:90vh;background-color:#f3f4f6}.register-form{display:flex;flex-direction:column;width:400px;padding:20px;border:2px solid #cccccc;border-radius:10px;background-color:#fff;box-shadow:0 4px 6px #0000001a}.register-form h2{text-align:center;margin-bottom:20px;font-family:Poppins,sans-serif;color:#333}.register-form input{margin-bottom:15px;padding:10px;border:1px solid #cccccc;border-radius:5px;font-size:1rem;font-family:Poppins,sans-serif}.register-form button{padding:10px;background-color:#333;color:#fff;border:none;border-radius:5px;font-size:1rem;font-family:Poppins,sans-serif;cursor:pointer;transition:background-color .3s}.register-form button:hover{background-color:#555}