body{
  font-family: Arial;
  background:#fafafa;
}

.profile{
  width:800px;
  margin:auto;
}

.profile-header{
  display:flex;
  padding:20px;
}

.profile-pic{
  width:120px;
  height:120px;
  border-radius:50%;
  margin-right:30px;
}

.follow-btn{
  padding:6px 15px;
  background:#0095f6;
  border:none;
  color:white;
  border-radius:5px;
  cursor:pointer;
}

.posts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:20px;
}

.posts img{
  width:100%;
}
.posts img{
  width:100%;
  border:1px solid #b8860b;   /* dark golden thin border */
  border-radius:4px;          /* optional smooth corners */
}
.blue-tick{
  width:60px;
  height:60px;
  margin-left:5px;
  vertical-align:middle;   /* text ke sath align ho jaye */
}
.top-menu {
  position: fixed;
  top: 15px;
  right: 20px;
  z-index: 100;
}

.dots-menu {
  cursor: pointer;
  font-size: 22px;
  user-select: none;
  position: relative;
}

.dropdown {
  display: none;
  position: absolute;
  right: 0;
  top: 25px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  min-width: 140px;
  z-index: 200;
}

.dropdown a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #333;
  font-size: 14px;
}

.dropdown a:hover {
  background-color: #f2f2f2;
  border-radius: 6px;
}
.footer {
  width: 100%;
  padding: 15px 20px;
  background: #0a3d62;  /* dark blue color */
  color: white;          /* text white for contrast */
  text-align: center;
  border-top: 1px solid #074172; /* slightly darker border */
  font-family: Arial, sans-serif;
  position: fixed;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
}

/* Optional: content padding so footer does not overlap content */
.content {
  padding-bottom: 70px; /* increase if footer height increases */
}