body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

h1, h2 {
    color: #333;
}

.footer {
    margin-top: 20px;
    padding: 10px;
    background-color: #f8f9fa;
}

.widget {
    margin-bottom: 20px;
}

.widget h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.widget ul {
    list-style: none;
    padding-left: 0;
}

.widget ul li {
    margin-bottom: 5px;
}

.sidebar {
    position: sticky; /* Hoặc position: fixed; nếu bạn muốn sidebar cố định */
    top: 20px; /* Cách từ đầu trang */
    max-height: calc(100vh - 40px); /* Chiều cao tối đa */
    overflow-y: auto; /* Cuộn dọc nếu nội dung vượt quá chiều cao tối đa */
    z-index: 1000; /* Đảm bảo sidebar nằm trên các phần tử khác */
}
iframe img {
    max-width: 360px;
}
#no-margin-bottom {
    padding: 0 0 0 15px;
}
#no-padding-bottom {
    padding-bottom: 0px;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0;
}
h1 {
    font-size: 2em;
}
.copy-btn {
  background-color: #4CAF50; /* Màu nền */
  color: white; /* Màu chữ */
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 12px;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
}

.copy-btn:hover {
  background-color: #45a049;
}

pre {
  position: relative;
  padding: 20px; /* Để dành không gian cho nút */
}