<style>* { box-sizing: border-box; } body {margin: 0;}body{font-family:Arial, sans-serif;background-color:rgb(242, 242, 242);}h1{text-align:center;color:rgb(51, 51, 51);}form{max-width:400px;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;background-color:rgb(255, 255, 255);padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 10px;}label{display:block;margin-bottom:5px;font-weight:bold;}input[type="text"], input[type="email"], select, textarea{width:100%;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;margin-bottom:10px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(204, 204, 204);border-right-color:rgb(204, 204, 204);border-bottom-color:rgb(204, 204, 204);border-left-color:rgb(204, 204, 204);border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;}input[type="submit"]{background-color:rgb(255, 82, 82);color:rgb(255, 255, 255);border-top-width:initial;border-right-width:initial;border-bottom-width:initial;border-left-width:initial;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-top-color:initial;border-right-color:initial;border-bottom-color:initial;border-left-color:initial;border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;cursor:pointer;}input[type="submit"]:hover{background-color:rgb(244, 67, 54);}</style><h1>XYZ Hospital Blood Donation Form</h1><form method="get"><label for="name">Full Name:</label><input type="text" id="name" name="name" required=""><label for="email">Email:</label><input type="email" id="email" name="email" required=""><label for="blood-type">Blood Type:</label><select id="blood-type" name="blood-type" required=""><option value="A+">A+</option><option value="A-">A-</option><option value="B+">B+</option><option value="B-">B-</option><option value="AB+">AB+</option><option value="AB-">AB-</option><option value="O+">O+</option><option value="O-">O-</option></select><label for="phone">Phone Number:</label><input type="text" id="phone" name="phone" required=""><label for="message">Message (if any):</label><textarea id="message" name="message"></textarea><input type="submit" value="Submit"></form>