ul {list-style-type: none; padding-top: 20px; text-align: center; position: relative;}


.dropdown {position: relative; display: inline-block;}

.dropbtn {background-color: #3498db; color: white; padding: 10px 16px; border: none; cursor: pointer;}

.dropdown-content {display: none; position: absolute; background-color: white; min-width: 160px; box-shadow: 0px 4px 8px rgba(0,0,0,0.2);}

.dropdown-content a {display: block; padding: 10px; color: black; text-decoration: none;}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown {float: right;}

h1 {font-family: arial; font-size: 20px; text-align: center;}

header {font-family: arial; height: 200px; background-color: white}

.slider {width: 100%; margin-left: auto; margin-right: auto;}

logo {margin-left: auto; margin-right: auto; float: left;}

p {font-family: arial; text-align: center; padding: 20px; display: flex; align-items: center; width: 500px; margin-left: auto; margin-right: auto; font-size: 20px; font-weight: 600}

.center { display: block; margin-left: auto; margin-right: auto; width: 20%; padding: 10px}

.container {display: flex; justify-content: center; align-items: center; overflow: hidden; width: 100%; border-radius: 20px; height: auto; padding: 10px;}

body {background-color: aliceblue}

.homes img {padding: 10px; display: block; height: auto; width: 30%; margin: 0 auto;}

img {height: auto; border-radius: 20px}

h2 {font-family: arial; text-align: center; padding: 20px; display: flex; align-items: center; width: 500px; margin-left: auto; margin-right: auto; font-size: 20px; font-weight: 600}

footer {font-family: "arial"; text-align: center; padding: 24px 0;}

.grid {display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 400px; margin-left: auto; margin-right: auto;}

.grid img {width: 100%; height: auto;}