@import url('https://fastly.jsdelivr.net/npm/galmuri@latest/dist/galmuri.css');

#calendar_box {width: 124px;position: fixed;left: calc(50% + 510px);z-index:1;top: 632px;height: 198px;background:var(--pcolor);padding:8px;border: 1px solid black;box-shadow: 1px 0px 0px white, 0px 1px 0px white, -1px 0px 0px white, 0px -1px 0px white, 0px 0px 6px rgba(0, 0, 0, 0.2);color: #1b0446; transition:background 0.3s; font-family:'Galmuri11';}
#calendar_box:hover {background:#1b0446; color:white;}
.month-date {
  width: 14%;
  height: 10%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  
}

.month-other {
  opacity: 0.7;
}

.month-this.today {
  background-repeat: no-repeat;
  background-position: center;
  font-weight: bold;
  color:#6227f9;
}

#calendar_box:hover .month-this.today {color:white;}

.year-text {
  font-size:12px;
}

.month-text {
  font-size: 24px;
  cursor:pointer;
}

.month-date.month-title {
  font-weight: bold;
}

.month-box {
  display: flex;
  justify-content: space-around;
}