/*General Reset*/
*{margin:0; padding: 0; box-sizing: border-box;}
/*Body Styling*/
body{font-family: Arial, Helvetica, sans-serif; line-height: 1.5; background-color: #f9f5ff; color: blue; padding: 30px;} 
/*Header Styling*/
header {background-color: blue; color: white; padding: 20px; text-align: center;}
header h1 {font-size: 2em; margin-bottom: 10px;}
/*Navigation Bar*/
nav ul {list-style: none; display: flex;justify-content: center; gap: 20px; padding: 10px 0;}
nav a {color: white; text-decoration: none; font-weight: 600; transition: color 0.3 ease;}
nav a:hover {text-decoration: solid;}
/*Banner*/
.banner {background-color: rgb(134, 134, 212); padding: 5px; margin: 10px 0; text-align: center; border-left: 5px;}
/*Section styling*/
main, section {margin-bottom: 20px;}
section h1, h2, main h2, h3 {color: black; margin-bottom: 10px;}
/* List Styling*/
ul, ol {margin-top: 15px; padding-left: 10px;}
/* images Styling*/
img {max-width: 100%; height: auto; border-radius: 8px; margin-top: 15px;}
/* Form Styling*/
form {background-color: white; padding: 10px; border: 2px; box-shadow: 10px; padding: 5px;}
fieldset {border: 2px solid blue; border-radius: 10px; padding: 15px; margin-bottom: 20px;}
legend {color: blue; font-weight: bold;}
label {display: block; margin: 10px; font-weight: bold;}
input [type="text"], input [type="email"], input [type="tel"], select, textarea {width: 100%; padding: 8px; margin: 20px;}
input [type="submit"], input [type="reset"] {background-color: blue; color: white; border: none; padding: 10px;}
input [type="submit"]:hover, input [type="reset"]:hover {background-color: black;}
/*Footer*/
footer {background-color: black; color: blue; text-align: center; padding: 15px; margin-top: 20px;}
/*Back to Link*/
a [href="#"] {display: block; margin-top: 10px; color: blue; text-decoration: none;}
a [href="#"]:hover{text-decoration: underline;}