.center-align {
    display: flex; /* Enable flexbox */
    flex-direction: column; /* Arrange items in a column */
    align-items: center; /* Center items horizontally */
    justify-content: center; /* Center items vertically */
  }

.myNotificationBtn {
    padding:5px;
    width: 80px;
    height: 30px;
    background-color: rgb(69, 68, 68);
    color: white;
    border: none;
    box-shadow: 5px 5px 5px rgba(84, 84, 84, 0.5);
    border-radius: 6px;
    margin-top: -3px;
    margin-bottom:4px;
  }
  
  .myNotificationBtn:hover {
    padding:5px;
    width: 80px;
    height: 30px;
    background-color: #8d8e8d;
    color: white;
    border: none;
    border-radius: 6px;
    transition: 0.3s;
  }

  
  .noti-textbox{
    position: relative;
    padding: 15px;
    margin-bottom: 2px;
    text-align: center;
    color: black;
    width: 100%;
    border-bottom: 1px solid grey;
  
  }

  .noti-containerbox{
    position: relative;
    padding: 10px;
    margin: 10px;
    text-align: center;
    color: black;
    width: 100%;
    background-color: transparent;
    margin-bottom: 50px;
    height: 200px;
    border: 1px solid grey;
    border-radius : 5px;
  
  }

  .timeline-containerbox{
    position: relative;
    padding: 10px;
    margin: 10px;
    text-align: center;
    color: black;
    width: 100%;
    background-color: transparent;
    margin-bottom: 5px;

  
  }

  .createLectureContainer {
    /* display: none; */
    justify-content: center;
    text-decoration: center;
    /* height: 40vh; */
    width: 100%;
}

/* .mybtn {
  display: flex;
  align-items: center;
  padding:8px;
  width: auto;
  height: 30px;
  background-color: var(--clr-primary);
  color: var(--clr-on-primary);
  border: none;
  box-shadow: 0 0 0.4rem -0.1rem var(--clr-background-dark);
  border-radius: 6px;
  margin: 5px;
}

.mybtn:hover {
  padding:5px;
  width: auto;
  height: 30px;
  background-color: var(--clr-primary-container);
  color: var(--clr-on-primary-container);
  box-shadow: 0 0 0.4rem -0.2rem var(--clr-background-dark);
  border: none;
  border-radius: 6px;
  transition: 0.3s;
} */