#drawer {
  position: fixed;
  bottom: 0;
  right: 20px;
  width: 280px;
  overflow: hidden;
  cursor: pointer;
}

#drawer-bar {
  height: 50px;              /* Set height of the bar */
  line-height: 50px;         /* Vertically center text */
  text-align: center;
  background-color: #92a5ff;
  background-image: url(https://file.garden/ZceRIIBo0FZgJaaA/bg/ttm%20updates%20bg.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;  
  text-shadow: #082bc6 2px 0px 0px, 
#082bc6 1.75517px 0.958851px 0px, 
#082bc6 1.0806px 1.68294px 0px, 
#082bc6 0.141474px 1.99499px 0px, 
#082bc6 -0.832294px 1.81859px 0px, 
#082bc6 -1.60229px 1.19694px 0px, 
#082bc6 -1.97998px 0.28224px 0px, 
#082bc6 -1.87291px -0.701566px 0px, 
#082bc6 -1.30729px -1.5136px 0px, 
#082bc6 -0.421592px -1.95506px 0px, 
#082bc6 0.567324px -1.91785px 0px, 
#082bc6 1.41734px -1.41108px 0px, 
#082bc6 1.92034px -0.558831px 0px;
    border-radius: 10px 10px 0 0;  
}

#drawer-list {
  background: #92a5ff;
  padding: 10px;
  margin: 0;
  list-style: none;
  display: none;
  cursor: default;
  padding-left: 15%;
}

#drawer.open {
  max-height: 300px;
  overflow-y: auto;
}

#drawer.open #drawer-list {
  display: block;
}

.title {
background: linear-gradient(to top, #082bc6 35%, transparent 35%);
font-size: 25px;
font-family: 'Grilled Cheese';
color: white;
text-shadow: #082bc6 2px 0px 0px, 
#082bc6 1.75517px 0.958851px 0px, 
#082bc6 1.0806px 1.68294px 0px, 
#082bc6 0.141474px 1.99499px 0px, 
#082bc6 -0.832294px 1.81859px 0px, 
#082bc6 -1.60229px 1.19694px 0px, 
#082bc6 -1.97998px 0.28224px 0px, 
#082bc6 -1.87291px -0.701566px 0px, 
#082bc6 -1.30729px -1.5136px 0px, 
#082bc6 -0.421592px -1.95506px 0px, 
#082bc6 0.567324px -1.91785px 0px, 
#082bc6 1.41734px -1.41108px 0px, 
#082bc6 1.92034px -0.558831px 0px;
}

.detail {
color: white;
font-family: 'Shag Expert Lounge';
font-size: 25px;
text-shadow: #082bc6 2px 0px 0px, 
#082bc6 1.75517px 0.958851px 0px, 
#082bc6 1.0806px 1.68294px 0px, 
#082bc6 0.141474px 1.99499px 0px, 
#082bc6 -0.832294px 1.81859px 0px, 
#082bc6 -1.60229px 1.19694px 0px, 
#082bc6 -1.97998px 0.28224px 0px, 
#082bc6 -1.87291px -0.701566px 0px, 
#082bc6 -1.30729px -1.5136px 0px, 
#082bc6 -0.421592px -1.95506px 0px, 
#082bc6 0.567324px -1.91785px 0px, 
#082bc6 1.41734px -1.41108px 0px, 
#082bc6 1.92034px -0.558831px 0px;
}

li::marker {
font-size: 25px;
color: #082bc6;
}