body{
  background-color:#002256ed;}
.x { 
  color:red;
  background-image:url(images/an.jpg);
  background-size:contain;
  background-position:right top;
  width:auto;
  height: 150px;
  font-family: cairo;
  font-size: ;
 
  }
  .z{
  color:brown;
  font-family:serif ;
  font-size:30px;
  font-weight:5px ;
  padding-top:20px;}

ul{ list-style-type:square;
list-style-position:outside;
line-height:50px;
color:green;
font-weight:bolder;
font-size:18px;
text-align:right;
}
.h3{ background-color:green;
  color:red;
  font-family:serif ;
  text-align: center;
  font-size:30px;
}
.art{ text-decoration:none;
  color:blue;
  background-color:rgba(rgb(225,0,0))
  margin-top:20px;
  padding:12px;
  display:block;
  border-radius:10px;
  cursor:pointer;
}
/* Navbar */
.navbar {
  display: flex;
  justify-content: space-between;
  padding: 15px 30px;
  background: #111;
}

.navbar h2 { color: #00ff99; }

.navbar a {
  color:red;
  margin-left: 15px;
  text-decoration: none;
}
a{ background:green;
  color:red;
 font-weight:bolder; 
 text-decoration:none;
 cursor:pointer;
 font-size:15px;
 text-align:center;
}
a:hover{background:green; color:orange;}
.fb-btn {
  background: #1877f2;
  color: white;
  padding: 10px 15px;
  border-radius: 8px;
  text-decoration:none;
  font-size: 30px;
  background-attachment:fixed;
  text-align:center;
}

.fb-btn:hover {color:red;
  background: #0d5d;
  font-size:20px;
}
  
}  
.img card{
width: 100%;
height: 200px;
cover
  }
  ::selection{background:red; color:white}
  
  
  
  body {
  font-family: Arial;
  background:#03034f;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.card {
  background: #fff;
  width: 250px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  text-align: center;
  transition: 0.3s;
}

.card:hover {
  transform: scale(1.05);
}

.card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.a1{ display:block;
  margin: 10px;
  padding: 10px 15px;
  background:#25D366;
  color:red;
  text-decoration: none;
  border-radius: 5px;
}
  
}

.btn {
  display: inline-block;
  margin: 10px;
  padding: 10px 15px;
  background:#25D366;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}
.btn:hover{
  background-color:red;
  color:green;
   cursor: pointer; 
}
button:hover {
  background:red;
  color:green;
  cursor:pointer;
}
 

button {
  background: orange;
  border: none;
  padding: 8px;
  cursor: pointer;
  border-radius: 5px;
}
     footer{padding:0px;text-align:center;background:#020617; height:250x;
     }