.my-heading{
font-size: 300px;
}

.center-code {
  display: flex;
}

.center-code pre {
  background-color: #95CD98FF; /* Light gray */
  border-radius: 10px;
  width: 100%;
  padding: 20px;
  white-space: pre-wrap;       /* Since CSS 2.1 */
  word-wrap: break-word;
}

.picker_done {
  display: none;
}

 .less-margin-top {
   margin-top: 0;
 }

.stick-bottom {
  list-style: none; /* Removes the bullet point */
  margin-top: auto;
}

.stick-bottom-hr {
  margin-top: auto;
  width: 100%;
}
.ad-divider {
  border: 0;
  height: 2px;
  background-color: #ccc;
  margin-top: 20px;
}

ins.adsbygoogle[data-ad-status="unfilled"] {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .my-heading{
    font-size: 100px;
  }
}
@media screen and (max-width: 480px) {
  .my-heading{
    font-size: 30px;
  }
}

.no-resize {
  resize: none;
}
.bg-light-green {
  background-color: #90EE90 !important;
  color: #fff;
}

.bg-light-green .icon {
  color: rgba(255, 255, 255, 0.8);
}
.bg-magenta {
  background-color: #ab62c1 !important; /* Magenta color */
  color: #fff; /* Ensure text is white for better contrast */
}

.bg-magenta .icon {
  color: rgba(0, 0, 0, 0.2); /* Transparent black color */
}

.bg-magenta:hover {
  background-color: #8a4a9d !important; /* Darker magenta on hover */
  color: #fff; /* Ensure text remains white */
}

.small-box a, .small-box a:hover {
  color: #fff !important; /* Prevent hover text from changing color */
}
#copyUUIDButton,
#refreshUUIDButton {
  background-color: #007bff;
  color: #fff;
  border: 1px solid #007bff;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#copyUUIDButton:hover,
#refreshUUIDButton:hover {
  background-color: #0056b3;
  border: 1px solid #0056b3;
}