/* Book Cards */

.booktitle {
  font-size: 0.9em;
  font-weight: 600;
}

.card-subject-box {
  padding: 20px;
  margin: 10px;
}

.card-book-subject {
  height: 24vh;
  box-shadow: -12px 12px 0px white;
  border-radius: 10px;
  padding: 5px;
  border: solid 5px;
  font-size: 1.25em;
  margin: 10px 0px 10px 0px;
}

.card-book-subject:hover {
  transform: scale(1.05);
}

/* Monthly Book - Math */

.ma-mth-1 {
  border-color: rgb(168,53,67, 0.4);
  box-shadow: -12px 12px 0px rgb(168,53,67, 0.4);
}

.ma-mth-2 {
  border-color: rgb(168,53,67, 0.45);
  box-shadow: -12px 12px 0px rgb(168,53,67, 0.45);
}

.ma-mth-3 {
  border-color: rgb(168,53,67, 0.5);
  box-shadow: -12px 12px 0px rgb(168,53,67, 0.5);
}

.ma-mth-4 {
  border-color: rgb(168,53,67, 0.55);
  box-shadow: -12px 12px 0px rgb(168,53,67, 0.55);
}

.ma-mth-5 {
  border-color: rgb(168,53,67, 0.6);
  box-shadow: -12px 12px 0px rgb(168,53,67, 0.6);
}

.ma-mth-6 {
  border-color: rgb(168,53,67, 0.65);
  box-shadow: -12px 12px 0px rgb(168,53,67, 0.65);
}

.ma-mth-7 {
  border-color: rgb(168,53,67, 0.7);
  box-shadow: -12px 12px 0px rgb(168,53,67, 0.7);
}

.ma-mth-8 {
  border-color: rgb(168,53,67, 0.75);
  box-shadow: -12px 12px 0px rgb(168,53,67, 0.75);
}

.ma-mth-9 {
  border-color: rgb(168,53,67, 0.8);
  box-shadow: -12px 12px 0px rgb(168,53,67, 0.8);
}

.ma-mth-10 {
  border-color: rgb(168,53,67, 0.85);
  box-shadow: -12px 12px 0px rgb(168,53,67, 0.85);
}

.ma-mth-11 {
  border-color: rgb(168,53,67, 0.9);
  box-shadow: -12px 12px 0px rgb(168,53,67, 0.9);
}

.ma-mth-12 {
  border-color: rgb(168,53,67, 0.95);
  box-shadow: -12px 12px 0px rgb(168,53,67, 0.95);
}

/* Monthly Book - A.Math */

.am-mth-1 {
  border-color: rgb(249,65,68, 0.4);
  box-shadow: -12px 12px 0px rgb(249,65,68, 0.4);
}

.am-mth-2 {
  border-color: rgb(249,65,68, 0.45);
  box-shadow: -12px 12px 0px rgb(249,65,68, 0.45);
}

.am-mth-3 {
  border-color: rgb(249,65,68, 0.5);
  box-shadow: -12px 12px 0px rgb(249,65,68, 0.5);
}

.am-mth-4 {
  border-color: rgb(249,65,68, 0.55);
  box-shadow: -12px 12px 0px rgb(249,65,68, 0.55);
}

.am-mth-5 {
  border-color: rgb(249,65,68, 0.6);
  box-shadow: -12px 12px 0px rgb(249,65,68, 0.6);
}

.am-mth-6 {
  border-color: rgb(249,65,68, 0.65);
  box-shadow: -12px 12px 0px rgb(249,65,68, 0.65);
}

.am-mth-7 {
  border-color: rgb(249,65,68, 0.7);
  box-shadow: -12px 12px 0px rgb(249,65,68, 0.7);
}

.am-mth-8 {
  border-color: rgb(249,65,68, 0.75);
  box-shadow: -12px 12px 0px rgb(249,65,68, 0.75);
}

.am-mth-9 {
  border-color: rgb(249,65,68, 0.8);
  box-shadow: -12px 12px 0px rgb(249,65,68, 0.8);
}

.am-mth-10 {
  border-color: rgb(249,65,68, 0.85);
  box-shadow: -12px 12px 0px rgb(249,65,68, 0.85);
}

.am-mth-11 {
  border-color: rgb(249,65,68, 0.9);
  box-shadow: -12px 12px 0px rgb(249,65,68, 0.9);
}

.am-mth-12 {
  border-color: rgb(249,65,68, 0.95);
  box-shadow: -12px 12px 0px rgb(249,65,68, 0.95);
}

/* Monthly Book - E.Math */

.em-mth-1 {
  border-color: rgb(245,130,35, 0.4);
  box-shadow: -12px 12px 0px rgb(245,130,35, 0.4);
}

.em-mth-2 {
  border-color: rgb(245,130,35, 0.45);
  box-shadow: -12px 12px 0px rgb(245,130,35, 0.45);
}

.em-mth-3 {
  border-color: rgb(245,130,35, 0.5);
  box-shadow: -12px 12px 0px rgb(245,130,35, 0.5);
}

.em-mth-4 {
  border-color: rgb(245,130,35, 0.55);
  box-shadow: -12px 12px 0px rgb(245,130,35, 0.55);
}

.em-mth-5 {
  border-color: rgb(245,130,35, 0.6);
  box-shadow: -12px 12px 0px rgb(245,130,35, 0.6);
}

.em-mth-6 {
  border-color: rgb(245,130,35, 0.65);
  box-shadow: -12px 12px 0px rgb(245,130,35, 0.65);
}

.em-mth-7 {
  border-color: rgb(245,130,35, 0.7);
  box-shadow: -12px 12px 0px rgb(245,130,35, 0.7);
}

.em-mth-8 {
  border-color: rgb(245,130,35, 0.75);
  box-shadow: -12px 12px 0px rgb(245,130,35, 0.75);
}

.em-mth-9 {
  border-color: rgb(245,130,35, 0.8);
  box-shadow: -12px 12px 0px rgb(245,130,35, 0.8);
}

.em-mth-10 {
  border-color: rgb(245,130,35, 0.85);
  box-shadow: -12px 12px 0px rgb(245,130,35, 0.85);
}

.em-mth-11 {
  border-color: rgb(245,130,35, 0.9);
  box-shadow: -12px 12px 0px rgb(245,130,35, 0.9);
}

.em-mth-12 {
  border-color: rgb(245,130,35, 0.95);
  box-shadow: -12px 12px 0px rgb(245,130,35, 0.95);
}

/* Monthly Book - Science */

.sc-mth-1 {
  border-color: rgba(149, 38, 143, 0.4);
  box-shadow: -12px 12px 0px rgba(149, 38, 143, 0.4);
}

.sc-mth-2 {
  border-color: rgba(149, 38, 143, 0.45);
  box-shadow: -12px 12px 0px rgba(149, 38, 143, 0.45);
}

.sc-mth-3 {
  border-color: rgba(149, 38, 143, 0.5);
  box-shadow: -12px 12px 0px rgba(149, 38, 143, 0.5);
}

.sc-mth-4 {
  border-color: rgba(149, 38, 143, 0.55);
  box-shadow: -12px 12px 0px rgba(149, 38, 143, 0.55);
}

.sc-mth-5 {
  border-color: rgba(149, 38, 143, 0.6);
  box-shadow: -12px 12px 0px rgba(149, 38, 143, 0.6);
}

.sc-mth-6 {
  border-color: rgba(149, 38, 143, 0.65);
  box-shadow: -12px 12px 0px rgba(149, 38, 143, 0.65);
}

.sc-mth-7 {
  border-color: rgba(149, 38, 143, 0.7);
  box-shadow: -12px 12px 0px rgba(149, 38, 143, 0.7);
}

.sc-mth-8 {
  border-color: rgba(149, 38, 143, 0.75);
  box-shadow: -12px 12px 0px rgba(149, 38, 143, 0.75);
}

.sc-mth-9 {
  border-color: rgba(149, 38, 143, 0.8);
  box-shadow: -12px 12px 0px rgba(149, 38, 143, 0.8);
}

.sc-mth-10 {
  border-color: rgba(149, 38, 143, 0.85);
  box-shadow: -12px 12px 0px rgba(149, 38, 143, 0.85);
}

.sc-mth-11 {
  border-color: rgba(149, 38, 143, 0.9);
  box-shadow: -12px 12px 0px rgba(149, 38, 143, 0.9);
}

.sc-mth-12 {
  border-color: rgba(149, 38, 143, 0.95);
  box-shadow: -12px 12px 0px rgba(149, 38, 143, 0.95);
}

/* Monthly Book - C.Science */

.cs-mth-1 {
  border-color: rgb(154,209,212, 0.4);
  box-shadow: -12px 12px 0px rgb(154,209,212, 0.4);
}

.cs-mth-2 {
  border-color: rgb(154,209,212, 0.45);
  box-shadow: -12px 12px 0px rgb(154,209,212, 0.45);
}

.cs-mth-3 {
  border-color: rgb(154,209,212, 0.5);
  box-shadow: -12px 12px 0px rgb(154,209,212, 0.5);
}

.cs-mth-4 {
  border-color: rgb(154,209,212, 0.55);
  box-shadow: -12px 12px 0px rgb(154,209,212, 0.55);
}

.cs-mth-5 {
  border-color: rgb(154,209,212, 0.6);
  box-shadow: -12px 12px 0px rgb(154,209,212, 0.6);
}

.cs-mth-6 {
  border-color: rgb(154,209,212, 0.65);
  box-shadow: -12px 12px 0px rgb(154,209,212, 0.65);
}

.cs-mth-7 {
  border-color: rgb(154,209,212, 0.7);
  box-shadow: -12px 12px 0px rgb(154,209,212, 0.7);
}

.cs-mth-8 {
  border-color: rgb(154,209,212, 0.75);
  box-shadow: -12px 12px 0px rgb(154,209,212, 0.75);
}

.cs-mth-9 {
  border-color: rgb(154,209,212, 0.8);
  box-shadow: -12px 12px 0px rgb(154,209,212, 0.8);
}

.cs-mth-10 {
  border-color: rgb(154,209,212, 0.85);
  box-shadow: -12px 12px 0px rgb(154,209,212, 0.85);
}

.cs-mth-11 {
  border-color: rgb(154,209,212, 0.9);
  box-shadow: -12px 12px 0px rgb(154,209,212, 0.9);
}

.cs-mth-12 {
  border-color: rgb(154,209,212, 0.95);
  box-shadow: -12px 12px 0px rgb(154,209,212, 0.95);
}

/* Monthly Book - Physics */

.ph-mth-1 {
  border-color: rgba(118, 120, 237, 0.4);
  box-shadow: -12px 12px 0px rgba(118,120,237, 0.4);
}

.ph-mth-2 {
  border-color: rgba(118, 120, 237, 0.45);
  box-shadow: -12px 12px 0px rgba(118, 120, 237, 0.45);
}

.ph-mth-3 {
  border-color: rgba(118, 120, 237, 0.5);
  box-shadow: -12px 12px 0px rgba(118, 120, 237, 0.5);
}

.ph-mth-4 {
  border-color: rgba(118, 120, 237, 0.55);
  box-shadow: -12px 12px 0px rgba(118, 120, 237, 0.55);
}

.ph-mth-5 {
  border-color: rgba(118, 120, 237, 0.6);
  box-shadow: -12px 12px 0px rgba(118, 120, 237, 0.6);
}

.ph-mth-6 {
  border-color: rgba(118, 120, 237, 0.65);
  box-shadow: -12px 12px 0px rgba(118, 120, 237, 0.65);
}

.ph-mth-7 {
  border-color: rgba(118, 120, 237, 0.7);
  box-shadow: -12px 12px 0px rgba(118, 120, 237, 0.7);
}

.ph-mth-8 {
  border-color: rgba(118, 120, 237, 0.75);
  box-shadow: -12px 12px 0px rgba(118, 120, 237, 0.75);
}

.ph-mth-9 {
  border-color: rgba(118, 120, 237, 0.8);
  box-shadow: -12px 12px 0px rgba(118, 120, 237, 0.8);
}

.ph-mth-10 {
  border-color: rgba(118, 120, 237, 0.85);
  box-shadow: -12px 12px 0px rgba(118, 120, 237, 0.85);
}

.ph-mth-11 {
  border-color: rgba(118, 120, 237, 0.9);
  box-shadow: -12px 12px 0px rgba(118, 120, 237, 0.9);
}

.ph-mth-12 {
  border-color: rgba(118, 120, 237, 0.95);
  box-shadow: -12px 12px 0px rgba(118,120,237, 0.95);
}

/* Monthly Book - Bio */

.bi-mth-1 {
  border-color: rgb(255, 209, 13, 0.4);
  box-shadow: -12px 12px 0px rgb(255, 209, 13, 0.4);
}

.bi-mth-2 {
  border-color: rgb(255, 209, 13, 0.45);
  box-shadow: -12px 12px 0px rgb(255, 209, 13, 0.45);
}

.bi-mth-3 {
  border-color: rgb(255, 209, 13, 0.5);
  box-shadow: -12px 12px 0px rgb(255, 209, 13, 0.5);
}

.bi-mth-4 {
  border-color: rgb(255, 209, 13, 0.55);
  box-shadow: -12px 12px 0px rgb(255, 209, 13, 0.55);
}

.bi-mth-5 {
  border-color: rgb(255, 209, 13, 0.6);
  box-shadow: -12px 12px 0px rgb(255, 209, 13, 0.6);
}

.bi-mth-6 {
  border-color: rgb(255, 209, 13, 0.65);
  box-shadow: -12px 12px 0px rgb(255, 209, 13, 0.65);
}

.bi-mth-7 {
  border-color: rgb(255, 209, 13, 0.7);
  box-shadow: -12px 12px 0px rgb(255, 209, 13, 0.7);
}

.bi-mth-8 {
  border-color: rgb(255, 209, 13, 0.75);
  box-shadow: -12px 12px 0px rgb(255, 209, 13, 0.75);
}

.bi-mth-9 {
  border-color: rgb(255, 209, 13, 0.8);
  box-shadow: -12px 12px 0px rgb(255, 209, 13, 0.8);
}

.bi-mth-10 {
  border-color: rgb(255, 209, 13, 0.85);
  box-shadow: -12px 12px 0px rgb(255, 209, 13, 0.85);
}

.bi-mth-11 {
  border-color: rgb(255, 209, 13, 0.9);
  box-shadow: -12px 12px 0px rgb(255, 209, 13, 0.9);
}

.bi-mth-12 {
  border-color: rgb(255, 209, 13, 0.95);
  box-shadow: -12px 12px 0px rgb(255, 209, 13, 0.95);
}

/* Monthly Book - Chem */

.ch-mth-1 {
  border-color: rgb(56, 131, 158, 0.4);
  box-shadow: -12px 12px 0px rgb(56, 131, 158, 0.4);
}

.ch-mth-2 {
  border-color: rgb(56, 131, 158, 0.45);
  box-shadow: -12px 12px 0px rgb(56, 131, 158, 0.45);
}

.ch-mth-3 {
  border-color: rgb(56, 131, 158, 0.5);
  box-shadow: -12px 12px 0px rgb(56, 131, 158, 0.5);
}

.ch-mth-4 {
  border-color: rgb(56, 131, 158, 0.55);
  box-shadow: -12px 12px 0px rgb(56, 131, 158, 0.55);
}

.ch-mth-5 {
  border-color: rgb(56, 131, 158, 0.6);
  box-shadow: -12px 12px 0px rgb(56, 131, 158, 0.6);
}

.ch-mth-6 {
  border-color: rgb(56, 131, 158, 0.65);
  box-shadow: -12px 12px 0px rgb(56, 131, 158, 0.65);
}

.ch-mth-7 {
  border-color: rgb(56, 131, 158, 0.7);
  box-shadow: -12px 12px 0px rgb(56, 131, 158, 0.7);
}

.ch-mth-8 {
  border-color: rgb(56, 131, 158, 0.75);
  box-shadow: -12px 12px 0px rgb(56, 131, 158, 0.75);
}

.ch-mth-9 {
  border-color: rgb(56, 131, 158, 0.8);
  box-shadow: -12px 12px 0px rgb(56, 131, 158, 0.8);
}

.ch-mth-10 {
  border-color: rgb(56, 131, 158, 0.85);
  box-shadow: -12px 12px 0px rgb(56, 131, 158, 0.85);
}

.ch-mth-11 {
  border-color: rgb(56, 131, 158, 0.9);
  box-shadow: -12px 12px 0px rgb(56, 131, 158, 0.9);
}

.ch-mth-12 {
  border-color: rgb(56, 131, 158, 0.95);
  box-shadow: -12px 12px 0px rgb(56, 131, 158, 0.95);
}

/* Monthly Book - Chinese */

.cl-mth-1 {
  border-color: rgb(211, 92, 154, 0.4);
  box-shadow: -12px 12px 0px rgb(211, 92, 154, 0.4);
}

.cl-mth-2 {
  border-color: rgb(211, 92, 154, 0.45);
  box-shadow: -12px 12px 0px rgb(211, 92, 154, 0.45);
}

.cl-mth-3 {
  border-color: rgb(211, 92, 154, 0.5);
  box-shadow: -12px 12px 0px rgb(211, 92, 154, 0.5);
}

.cl-mth-4 {
  border-color: rgb(211, 92, 154, 0.55);
  box-shadow: -12px 12px 0px rgb(211, 92, 154, 0.55);
}

.cl-mth-5 {
  border-color: rgb(211, 92, 154, 0.6);
  box-shadow: -12px 12px 0px rgb(211, 92, 154, 0.6);
}

.cl-mth-6 {
  border-color: rgb(211, 92, 154, 0.65);
  box-shadow: -12px 12px 0px rgb(211, 92, 154, 0.65);
}

.cl-mth-7 {
  border-color: rgb(211, 92, 154, 0.7);
  box-shadow: -12px 12px 0px rgb(211, 92, 154, 0.7);
}

.cl-mth-8 {
  border-color: rgb(211, 92, 154, 0.75);
  box-shadow: -12px 12px 0px rgb(211, 92, 154, 0.75);
}

.cl-mth-9 {
  border-color: rgb(211, 92, 154, 0.8);
  box-shadow: -12px 12px 0px rgb(211, 92, 154, 0.8);
}

.cl-mth-10 {
  border-color: rgb(211, 92, 154, 0.85);
  box-shadow: -12px 12px 0px rgb(211, 92, 154, 0.85);
}

.cl-mth-11 {
  border-color: rgb(211, 92, 154, 0.9);
  box-shadow: -12px 12px 0px rgb(211, 92, 154, 0.9);
}

.cl-mth-12 {
  border-color: rgb(211, 92, 154, 0.95);
  box-shadow: -12px 12px 0px rgb(211, 92, 154, 0.95);
}

/* Monthly Book - H.Chi */

.hc-mth-1 {
  border-color: rgb(215, 137, 136, 0.4);
  box-shadow: -12px 12px 0px rgb(215, 137, 136, 0.4);
}

.hc-mth-2 {
  border-color: rgb(215, 137, 136, 0.45);
  box-shadow: -12px 12px 0px rgb(215, 137, 136, 0.45);
}

.hc-mth-3 {
  border-color: rgb(215, 137, 136, 0.5);
  box-shadow: -12px 12px 0px rgb(215, 137, 136, 0.5);
}

.hc-mth-4 {
  border-color: rgb(215, 137, 136, 0.55);
  box-shadow: -12px 12px 0px rgb(215, 137, 136, 0.55);
}

.hc-mth-5 {
  border-color: rgb(215, 137, 136, 0.6);
  box-shadow: -12px 12px 0px rgb(215, 137, 136, 0.6);
}

.hc-mth-6 {
  border-color: rgb(215, 137, 136, 0.65);
  box-shadow: -12px 12px 0px rgb(215, 137, 136, 0.65);
}

.hc-mth-7 {
  border-color: rgb(215, 137, 136, 0.7);
  box-shadow: -12px 12px 0px rgb(215, 137, 136, 0.7);
}

.hc-mth-8 {
  border-color: rgb(215, 137, 136, 0.75);
  box-shadow: -12px 12px 0px rgb(215, 137, 136, 0.75);
}

.hc-mth-9 {
  border-color: rgb(215, 137, 136, 0.8);
  box-shadow: -12px 12px 0px rgb(215, 137, 136, 0.8);
}

.hc-mth-10 {
  border-color: rgb(215, 137, 136, 0.85);
  box-shadow: -12px 12px 0px rgb(215, 137, 136, 0.85);
}

.hc-mth-11 {
  border-color: rgb(215, 137, 136, 0.9);
  box-shadow: -12px 12px 0px rgb(215, 137, 136, 0.9);
}

.hc-mth-12 {
  border-color: rgb(215, 137, 136, 0.95);
  box-shadow: -12px 12px 0px rgb(215, 137, 136, 0.95);
}

/* Monthly Book - C.E. */

.ce-mth-1 {
  border-color: rgb(175, 148, 188, 0.4);
  box-shadow: -12px 12px 0px rgb(175, 148, 188, 0.4);
}

.ce-mth-2 {
  border-color: rgb(175, 148, 188, 0.45);
  box-shadow: -12px 12px 0px rgb(175, 148, 188, 0.45);
}

.ce-mth-3 {
  border-color: rgb(175, 148, 188, 0.5);
  box-shadow: -12px 12px 0px rgb(175, 148, 188, 0.5);
}

.ce-mth-4 {
  border-color: rgb(175, 148, 188, 0.55);
  box-shadow: -12px 12px 0px rgb(175, 148, 188, 0.55);
}

.ce-mth-5 {
  border-color: rgb(175, 148, 188, 0.6);
  box-shadow: -12px 12px 0px rgb(175, 148, 188, 0.6);
}

.ce-mth-6 {
  border-color: rgb(175, 148, 188, 0.65);
  box-shadow: -12px 12px 0px rgb(175, 148, 188, 0.65);
}

.ce-mth-7 {
  border-color: rgb(175, 148, 188, 0.7);
  box-shadow: -12px 12px 0px rgb(175, 148, 188, 0.7);
}

.ce-mth-8 {
  border-color: rgb(175, 148, 188, 0.75);
  box-shadow: -12px 12px 0px rgb(175, 148, 188, 0.75);
}

.ce-mth-9 {
  border-color: rgb(175, 148, 188, 0.8);
  box-shadow: -12px 12px 0px rgb(175, 148, 188, 0.8);
}

.ce-mth-10 {
  border-color: rgb(175, 148, 188, 0.85);
  box-shadow: -12px 12px 0px rgb(175, 148, 188, 0.85);
}

.ce-mth-11 {
  border-color: rgb(175, 148, 188, 0.9);
  box-shadow: -12px 12px 0px rgb(175, 148, 188, 0.9);
}

.ce-mth-12 {
  border-color: rgb(175, 148, 188, 0.95);
  box-shadow: -12px 12px 0px rgb(175, 148, 188, 0.95);
}

/* Monthly Book - EL */

.el-mth-1 {
  border-color: rgb(53, 162, 165, 0.4);
  box-shadow: -12px 12px 0px rgb(53, 162, 165, 0.4);
}

.el-mth-2 {
  border-color: rgb(53, 162, 165, 0.45);
  box-shadow: -12px 12px 0px rgb(53, 162, 165, 0.45);
}

.el-mth-3 {
  border-color: rgb(53, 162, 165, 0.5);
  box-shadow: -12px 12px 0px rgb(53, 162, 165, 0.5);
}

.el-mth-4 {
  border-color: rgb(53, 162, 165, 0.55);
  box-shadow: -12px 12px 0px rgb(53, 162, 165, 0.55);
}

.el-mth-5 {
  border-color: rgb(53, 162, 165, 0.6);
  box-shadow: -12px 12px 0px rgb(53, 162, 165, 0.6);
}

.el-mth-6 {
  border-color: rgb(53, 162, 165, 0.65);
  box-shadow: -12px 12px 0px rgb(53, 162, 165, 0.65);
}

.el-mth-7 {
  border-color: rgb(53, 162, 165, 0.7);
  box-shadow: -12px 12px 0px rgb(53, 162, 165, 0.7);
}

.el-mth-8 {
  border-color: rgb(53, 162, 165, 0.75);
  box-shadow: -12px 12px 0px rgb(53, 162, 165, 0.75);
}

.el-mth-9 {
  border-color: rgb(53, 162, 165, 0.8);
  box-shadow: -12px 12px 0px rgb(53, 162, 165, 0.8);
}

.el-mth-10 {
  border-color: rgb(53, 162, 165, 0.85);
  box-shadow: -12px 12px 0px rgb(53, 162, 165, 0.85);
}

.el-mth-11 {
  border-color: rgb(53, 162, 165, 0.9);
  box-shadow: -12px 12px 0px rgb(53, 162, 165, 0.9);
}

.el-mth-12 {
  border-color: rgb(53, 162, 165, 0.95);
  box-shadow: -12px 12px 0px rgb(53, 162, 165, 0.95);
}

/* Monthly Book - GP */

.gp-mth-1 {
  border-color: rgb(115, 171, 148, 0.4);
  box-shadow: -12px 12px 0px rgb(115, 171, 148, 0.4);
}

.gp-mth-2 {
  border-color: rgb(115, 171, 148, 0.45);
  box-shadow: -12px 12px 0px rgb(115, 171, 148, 0.45);
}

.gp-mth-3 {
  border-color: rgb(115, 171, 148, 0.5);
  box-shadow: -12px 12px 0px rgb(115, 171, 148, 0.5);
}

.gp-mth-4 {
  border-color: rgb(115, 171, 148, 0.55);
  box-shadow: -12px 12px 0px rgb(115, 171, 148, 0.55);
}

.gp-mth-5 {
  border-color: rgb(115, 171, 148, 0.6);
  box-shadow: -12px 12px 0px rgb(115, 171, 148, 0.6);
}

.gp-mth-6 {
  border-color: rgb(115, 171, 148, 0.65);
  box-shadow: -12px 12px 0px rgb(115, 171, 148, 0.65);
}

.gp-mth-7 {
  border-color: rgb(115, 171, 148, 0.7);
  box-shadow: -12px 12px 0px rgb(115, 171, 148, 0.7);
}

.gp-mth-8 {
  border-color: rgb(115, 171, 148, 0.75);
  box-shadow: -12px 12px 0px rgb(115, 171, 148, 0.75);
}

.gp-mth-9 {
  border-color: rgb(115, 171, 148, 0.8);
  box-shadow: -12px 12px 0px rgb(115, 171, 148, 0.8);
}

.gp-mth-10 {
  border-color: rgb(115, 171, 148, 0.85);
  box-shadow: -12px 12px 0px rgb(115, 171, 148, 0.85);
}

.gp-mth-11 {
  border-color: rgb(115, 171, 148, 0.9);
  box-shadow: -12px 12px 0px rgb(115, 171, 148, 0.9);
}

.gp-mth-12 {
  border-color: rgb(115, 171, 148, 0.95);
  box-shadow: -12px 12px 0px rgb(115, 171, 148, 0.95);
}

/* Monthly Book - SS */

.ss-mth-1 {
  border-color: rgb(122, 169, 96, 0.4);
  box-shadow: -12px 12px 0px rgb(122, 169, 96, 0.4);
}

.ss-mth-2 {
  border-color: rgb(122, 169, 96, 0.45);
  box-shadow: -12px 12px 0px rgb(122, 169, 96, 0.45);
}

.ss-mth-3 {
  border-color: rgb(122, 169, 96, 0.5);
  box-shadow: -12px 12px 0px rgb(122, 169, 96, 0.5);
}

.ss-mth-4 {
  border-color: rgb(122, 169, 96, 0.55);
  box-shadow: -12px 12px 0px rgb(122, 169, 96, 0.55);
}

.ss-mth-5 {
  border-color: rgb(122, 169, 96, 0.6);
  box-shadow: -12px 12px 0px rgb(122, 169, 96, 0.6);
}

.ss-mth-6 {
  border-color: rgb(122, 169, 96, 0.65);
  box-shadow: -12px 12px 0px rgb(122, 169, 96, 0.65);
}

.ss-mth-7 {
  border-color: rgb(122, 169, 96, 0.7);
  box-shadow: -12px 12px 0px rgb(122, 169, 96, 0.7);
}

.ss-mth-8 {
  border-color: rgb(122, 169, 96, 0.75);
  box-shadow: -12px 12px 0px rgb(122, 169, 96, 0.75);
}

.ss-mth-9 {
  border-color: rgb(122, 169, 96, 0.8);
  box-shadow: -12px 12px 0px rgb(122, 169, 96, 0.8);
}

.ss-mth-10 {
  border-color: rgb(122, 169, 96, 0.85);
  box-shadow: -12px 12px 0px rgb(122, 169, 96, 0.85);
}

.ss-mth-11 {
  border-color: rgb(122, 169, 96, 0.9);
  box-shadow: -12px 12px 0px rgb(122, 169, 96, 0.9);
}

.ss-mth-12 {
  border-color: rgb(122, 169, 96, 0.95);
  box-shadow: -12px 12px 0px rgb(122, 169, 96, 0.95);
}

/* Monthly Book - EC */

.ec-mth-1 {
  border-color: rgb(221, 210, 5, 0.4);
  box-shadow: -12px 12px 0px rgb(221, 210, 5, 0.4);
}

.ec-mth-2 {
  border-color: rgb(221, 210, 5, 0.45);
  box-shadow: -12px 12px 0px rgb(221, 210, 5, 0.45);
}

.ec-mth-3 {
  border-color: rgb(221, 210, 5, 0.5);
  box-shadow: -12px 12px 0px rgb(221, 210, 5, 0.5);
}

.ec-mth-4 {
  border-color: rgb(221, 210, 5, 0.55);
  box-shadow: -12px 12px 0px rgb(221, 210, 5, 0.55);
}

.ec-mth-5 {
  border-color: rgb(221, 210, 5, 0.6);
  box-shadow: -12px 12px 0px rgb(221, 210, 5, 0.6);
}

.ec-mth-6 {
  border-color: rgb(221, 210, 5, 0.65);
  box-shadow: -12px 12px 0px rgb(221, 210, 5, 0.65);
}

.ec-mth-7 {
  border-color: rgb(221, 210, 5, 0.7);
  box-shadow: -12px 12px 0px rgb(221, 210, 5, 0.7);
}

.ec-mth-8 {
  border-color: rgb(221, 210, 5, 0.75);
  box-shadow: -12px 12px 0px rgb(221, 210, 5, 0.75);
}

.ec-mth-9 {
  border-color: rgb(221, 210, 5, 0.8);
  box-shadow: -12px 12px 0px rgb(221, 210, 5, 0.8);
}

.ec-mth-10 {
  border-color: rgb(221, 210, 5, 0.85);
  box-shadow: -12px 12px 0px rgb(221, 210, 5, 0.85);
}

.ec-mth-11 {
  border-color: rgb(221, 210, 5, 0.9);
  box-shadow: -12px 12px 0px rgb(221, 210, 5, 0.9);
}

.ec-mth-12 {
  border-color: rgb(221, 210, 5, 0.95);
  box-shadow: -12px 12px 0px rgb(221, 210, 5, 0.95);
}

.card-link-book-list {
  text-decoration: none;
  color: inherit;
}