.newspaper-container {
  font-family: 'Times New Roman', serif;
  color: #333;
  /*padding: 20px;*/
  transition: margin-left 0.5s;
  /* Smooth sliding */
  margin-bottom: 5%;
  margin-left: 5%;
  margin-right: 5%;
}

.newspaper-container header {
  text-align: center;
  padding: 10px;
  border-bottom: 2px solid black;
}

.newspaper-container .article {
  width: 95%;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-left: 50px;
  margin-right: 50px;
}

.newspaper-text {
  /* font-family: 'Times New Roman', serif; */
  font-family: "Work Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  text-align: justify;
  color: #333;
  margin-bottom: 20px;
}

/*Code block*/
.code-container {
  /* put it back into the normal flow, center it & push it down */
  position: relative;
  /* <-- anchor .copy-btn inside this box */
  display: block;
  /* default, but explicit */
  width: max-content;
  /* shrink-wrap to content */
  margin: 30px auto 0;
  /* 30px above, auto L/R to center */

  /* your existing styles */
  background: #282c34;
  color: #fff;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #ccc;
  text-align: left;
}

/* keep the button absolute, but now inside the relative container */
.copy-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px 10px;
  background: #4caf50;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

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

pre {
  margin: 0;
  padding: 0;
  /* Remove any built-in padding */
  white-space: pre-wrap;
  overflow-x: auto;
  font-family: monospace;
  text-align: justify;
  font-size: 15px;
}

pre::after {
  content: "";
  display: inline-block;
  width: 100%;
}

/*Table of contents*/
.skills-container {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 3%;
}

.section {
  padding: 20px;
  /* background-color: #f4f4f4; */
  border-radius: 8px;
}

.section.left {
  width: 75%;
}

.left {
  left: 0%;
}

.section.right {
  width: 25%;
  background-color: #f4f4f4;
  border: 1px solid #333;
  /* thickness | style | color */
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);

}

.right {
  left: 0%;
}
/*To make content scrollable*/
#content-wrapper {
  position: absolute;
  top: 80px;       /* height of header */
  left: 0;         /* sidenav is 0 width by default */
  right: 0;
  bottom: 50px;    /* height of footer */
  overflow-y: auto;
  padding: 20px;
  box-sizing: border-box;
}
/*To keep items at center*/
.center-box {
  margin-left: auto;
  margin-right: auto;
  width: fit-content;   /* Shrinks to fit content */
  max-width: 80%;      /* Prevents overflow on small screens */
  background-color: floralwhite;
}