html{background-color:#333;font-family:Montserrat;font-size:12;font-weight:500;background-image:url("/img/kenrokuen.jpg");background-size:cover}::-webkit-scrollbar{width:.75em}::-webkit-scrollbar-track{background-color:rgba(89,89,89,.1);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.4);box-shadow:inset 0 0 10px rgba(0,0,0,.4);border-radius:10px}::-webkit-scrollbar-thumb{background-color:#3b3b3b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#4d4d4d}body{margin:0;color:#fff;text-transform:capitalize;-webkit-backdrop-filter:grayscale(0.3) blur(0.3rem) brightness(10%);backdrop-filter:grayscale(0.3) blur(0.3rem) brightness(10%)}@media(max-width: 960px){body{font-size:2rem}}h1{margin:.5rem}.fullwrap{height:100vh;width:100vw}.pageheader{padding:5px 0;background-color:#262626}.pageheader .title h1{text-align:center}.pixel{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100vw;margin:0}.mood{display:inline-grid;margin:0 auto;background-color:rgba(115,115,115,.2);background-size:cover;text-align:center;grid-template-columns:minmax(20px, 1fr) repeat(16, minmax(5%, 3fr));grid-auto-rows:minmax(1em, 1fr);grid-auto-flow:dense;grid-column-gap:0px;grid-row-gap:0px;max-width:100vw;max-height:calc(100vh - 10%);font-size:.75rem;overflow:hidden}.mood p{margin:auto;display:inline;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;justify-items:center;overflow-x:hidden}.mood div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden}@media(max-width: 960px){.mood{grid-template-columns:minmax(20px, 1fr) repeat(12, minmax(5%, 3fr));font-size:1.5rem}}.num{grid-column:1;outline:none;border:none;padding:5px;font-weight:bold}.num:nth-of-type(even){background-color:rgba(255,255,255,.3)}.num:hover{background-color:#fff;color:#000}.num.day-1:hover~.day-1[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-1:hover~.day-1[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-1:hover~.day-1[data-feeling]>p{display:none}.num.day-2:hover~.day-2[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-2:hover~.day-2[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-2:hover~.day-2[data-feeling]>p{display:none}.num.day-3:hover~.day-3[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-3:hover~.day-3[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-3:hover~.day-3[data-feeling]>p{display:none}.num.day-4:hover~.day-4[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-4:hover~.day-4[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-4:hover~.day-4[data-feeling]>p{display:none}.num.day-5:hover~.day-5[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-5:hover~.day-5[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-5:hover~.day-5[data-feeling]>p{display:none}.num.day-6:hover~.day-6[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-6:hover~.day-6[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-6:hover~.day-6[data-feeling]>p{display:none}.num.day-7:hover~.day-7[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-7:hover~.day-7[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-7:hover~.day-7[data-feeling]>p{display:none}.num.day-8:hover~.day-8[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-8:hover~.day-8[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-8:hover~.day-8[data-feeling]>p{display:none}.num.day-9:hover~.day-9[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-9:hover~.day-9[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-9:hover~.day-9[data-feeling]>p{display:none}.num.day-10:hover~.day-10[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-10:hover~.day-10[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-10:hover~.day-10[data-feeling]>p{display:none}.num.day-11:hover~.day-11[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-11:hover~.day-11[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-11:hover~.day-11[data-feeling]>p{display:none}.num.day-12:hover~.day-12[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-12:hover~.day-12[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-12:hover~.day-12[data-feeling]>p{display:none}.num.day-13:hover~.day-13[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-13:hover~.day-13[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-13:hover~.day-13[data-feeling]>p{display:none}.num.day-14:hover~.day-14[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-14:hover~.day-14[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-14:hover~.day-14[data-feeling]>p{display:none}.num.day-15:hover~.day-15[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-15:hover~.day-15[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-15:hover~.day-15[data-feeling]>p{display:none}.num.day-16:hover~.day-16[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-16:hover~.day-16[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-16:hover~.day-16[data-feeling]>p{display:none}.num.day-17:hover~.day-17[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-17:hover~.day-17[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-17:hover~.day-17[data-feeling]>p{display:none}.num.day-18:hover~.day-18[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-18:hover~.day-18[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-18:hover~.day-18[data-feeling]>p{display:none}.num.day-19:hover~.day-19[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-19:hover~.day-19[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-19:hover~.day-19[data-feeling]>p{display:none}.num.day-20:hover~.day-20[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-20:hover~.day-20[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-20:hover~.day-20[data-feeling]>p{display:none}.num.day-21:hover~.day-21[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-21:hover~.day-21[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-21:hover~.day-21[data-feeling]>p{display:none}.num.day-22:hover~.day-22[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-22:hover~.day-22[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-22:hover~.day-22[data-feeling]>p{display:none}.num.day-23:hover~.day-23[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-23:hover~.day-23[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-23:hover~.day-23[data-feeling]>p{display:none}.num.day-24:hover~.day-24[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-24:hover~.day-24[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-24:hover~.day-24[data-feeling]>p{display:none}.num.day-25:hover~.day-25[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-25:hover~.day-25[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-25:hover~.day-25[data-feeling]>p{display:none}.num.day-26:hover~.day-26[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-26:hover~.day-26[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-26:hover~.day-26[data-feeling]>p{display:none}.num.day-27:hover~.day-27[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-27:hover~.day-27[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-27:hover~.day-27[data-feeling]>p{display:none}.num.day-28:hover~.day-28[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-28:hover~.day-28[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-28:hover~.day-28[data-feeling]>p{display:none}.num.day-29:hover~.day-29[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-29:hover~.day-29[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-29:hover~.day-29[data-feeling]>p{display:none}.num.day-30:hover~.day-30[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-30:hover~.day-30[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-30:hover~.day-30[data-feeling]>p{display:none}.num.day-31:hover~.day-31[data-feeling]{margin:-10% 0;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);box-shadow:inset 0 0 0 2em rgba(0,0,0,.25);border-top:1px #fff solid;border-bottom:1px #fff solid;z-index:15;overflow:hidden}.num.day-31:hover~.day-31[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-height:100%;padding:8px 4px;font-weight:bold;color:#fff;position:absolute;z-index:15;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden;white-space:nowrap}.num.day-31:hover~.day-31[data-feeling]>p{display:none}.head{grid-row:1}.head:nth-of-type(even){background-color:rgba(255,255,255,.3)}.head:hover{background-color:#fff;color:#000;font-weight:900}.head.jan:hover~.jan[data-feeling]{margin:0 -10%;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);border-left:1px #fff solid;border-right:1px #fff solid;z-index:20}.head.jan:hover~.jan[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-width:100%;padding:4px 8px;font-weight:bold;color:#fff;position:absolute;z-index:10;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow-x:hidden}.head.jan:hover~.jan[data-feeling]>p{display:none}.head.feb:hover~.feb[data-feeling]{margin:0 -10%;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);border-left:1px #fff solid;border-right:1px #fff solid;z-index:20}.head.feb:hover~.feb[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-width:100%;padding:4px 8px;font-weight:bold;color:#fff;position:absolute;z-index:10;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow-x:hidden}.head.feb:hover~.feb[data-feeling]>p{display:none}.head.mar:hover~.mar[data-feeling]{margin:0 -10%;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);border-left:1px #fff solid;border-right:1px #fff solid;z-index:20}.head.mar:hover~.mar[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-width:100%;padding:4px 8px;font-weight:bold;color:#fff;position:absolute;z-index:10;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow-x:hidden}.head.mar:hover~.mar[data-feeling]>p{display:none}.head.apr:hover~.apr[data-feeling]{margin:0 -10%;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);border-left:1px #fff solid;border-right:1px #fff solid;z-index:20}.head.apr:hover~.apr[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-width:100%;padding:4px 8px;font-weight:bold;color:#fff;position:absolute;z-index:10;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow-x:hidden}.head.apr:hover~.apr[data-feeling]>p{display:none}.head.may:hover~.may[data-feeling]{margin:0 -10%;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);border-left:1px #fff solid;border-right:1px #fff solid;z-index:20}.head.may:hover~.may[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-width:100%;padding:4px 8px;font-weight:bold;color:#fff;position:absolute;z-index:10;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow-x:hidden}.head.may:hover~.may[data-feeling]>p{display:none}.head.jun:hover~.jun[data-feeling]{margin:0 -10%;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);border-left:1px #fff solid;border-right:1px #fff solid;z-index:20}.head.jun:hover~.jun[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-width:100%;padding:4px 8px;font-weight:bold;color:#fff;position:absolute;z-index:10;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow-x:hidden}.head.jun:hover~.jun[data-feeling]>p{display:none}.head.jul:hover~.jul[data-feeling]{margin:0 -10%;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);border-left:1px #fff solid;border-right:1px #fff solid;z-index:20}.head.jul:hover~.jul[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-width:100%;padding:4px 8px;font-weight:bold;color:#fff;position:absolute;z-index:10;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow-x:hidden}.head.jul:hover~.jul[data-feeling]>p{display:none}.head.aug:hover~.aug[data-feeling]{margin:0 -10%;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);border-left:1px #fff solid;border-right:1px #fff solid;z-index:20}.head.aug:hover~.aug[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-width:100%;padding:4px 8px;font-weight:bold;color:#fff;position:absolute;z-index:10;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow-x:hidden}.head.aug:hover~.aug[data-feeling]>p{display:none}.head.sep:hover~.sep[data-feeling]{margin:0 -10%;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);border-left:1px #fff solid;border-right:1px #fff solid;z-index:20}.head.sep:hover~.sep[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-width:100%;padding:4px 8px;font-weight:bold;color:#fff;position:absolute;z-index:10;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow-x:hidden}.head.sep:hover~.sep[data-feeling]>p{display:none}.head.oct:hover~.oct[data-feeling]{margin:0 -10%;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);border-left:1px #fff solid;border-right:1px #fff solid;z-index:20}.head.oct:hover~.oct[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-width:100%;padding:4px 8px;font-weight:bold;color:#fff;position:absolute;z-index:10;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow-x:hidden}.head.oct:hover~.oct[data-feeling]>p{display:none}.head.nov:hover~.nov[data-feeling]{margin:0 -10%;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);border-left:1px #fff solid;border-right:1px #fff solid;z-index:20}.head.nov:hover~.nov[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-width:100%;padding:4px 8px;font-weight:bold;color:#fff;position:absolute;z-index:10;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow-x:hidden}.head.nov:hover~.nov[data-feeling]>p{display:none}.head.dec:hover~.dec[data-feeling]{margin:0 -10%;-webkit-box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);box-shadow:inset 0 0 0 2em rgba(0,0,0,.18);border-left:1px #fff solid;border-right:1px #fff solid;z-index:20}.head.dec:hover~.dec[data-feeling]:after{content:attr(data-feeling);pointer-events:none;max-width:100%;padding:4px 8px;font-weight:bold;color:#fff;position:absolute;z-index:10;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow-x:hidden}.head.dec:hover~.dec[data-feeling]>p{display:none}.head.smol{display:none}@media(max-width: 720px){.head.smol{display:block}}@media(max-width: 720px){.head.norm{display:none}}.jan{grid-column:2}.feb{grid-column:3}.mar{grid-column:4}.apr{grid-column:5}.may{grid-column:6}.jun{grid-column:7}.jul{grid-column:8}.aug{grid-column:9}.sep{grid-column:10}.oct{grid-column:11}.nov{grid-column:12}.dec{grid-column:13}.day-1{grid-row:2}.day-2{grid-row:3}.day-3{grid-row:4}.day-4{grid-row:5}.day-5{grid-row:6}.day-6{grid-row:7}.day-7{grid-row:8}.day-8{grid-row:9}.day-9{grid-row:10}.day-10{grid-row:11}.day-11{grid-row:12}.day-12{grid-row:13}.day-13{grid-row:14}.day-14{grid-row:15}.day-15{grid-row:16}.day-16{grid-row:17}.day-17{grid-row:18}.day-18{grid-row:19}.day-19{grid-row:20}.day-20{grid-row:21}.day-21{grid-row:22}.day-22{grid-row:23}.day-23{grid-row:24}.day-24{grid-row:25}.day-25{grid-row:26}.day-26{grid-row:27}.day-27{grid-row:28}.day-28{grid-row:29}.day-29{grid-row:30}.day-30{grid-row:31}.day-31{grid-row:32}[data-feeling=happy]{background-color:#ff3}[data-feeling=happy]:hover{margin:-5% -10%;z-index:20;background-color:#d6d600}[data-feeling=happy]:hover>p{display:none}[data-feeling=happy]:hover>i{opacity:.75;-webkit-transform:scale(1.75);transform:scale(1.75)}[data-feeling=angry]{background-color:red}[data-feeling=angry]:hover{margin:-5% -10%;z-index:20;background-color:#a30000}[data-feeling=angry]:hover>p{display:none}[data-feeling=angry]:hover>i{opacity:.75;-webkit-transform:scale(1.75);transform:scale(1.75)}[data-feeling=annoyed]{background-color:#ff7300}[data-feeling=annoyed]:hover{margin:-5% -10%;z-index:20;background-color:#a34900}[data-feeling=annoyed]:hover>p{display:none}[data-feeling=annoyed]:hover>i{opacity:.75;-webkit-transform:scale(1.75);transform:scale(1.75)}[data-feeling=okay]{background-color:#9bf}[data-feeling=okay]:hover{margin:-5% -10%;z-index:20;background-color:#3d7eff}[data-feeling=okay]:hover>p{display:none}[data-feeling=okay]:hover>i{opacity:.75;-webkit-transform:scale(1.75);transform:scale(1.75)}[data-feeling=meh]{background-color:#595959}[data-feeling=meh]:hover{margin:-5% -10%;z-index:20;background-color:#2b2b2b}[data-feeling=meh]:hover>p{display:none}[data-feeling=meh]:hover>i{opacity:.75;-webkit-transform:scale(1.75);transform:scale(1.75)}[data-feeling=sad]{background-color:#001aff}[data-feeling=sad]:hover{margin:-5% -10%;z-index:20;background-color:#0010a3}[data-feeling=sad]:hover>p{display:none}[data-feeling=sad]:hover>i{opacity:.75;-webkit-transform:scale(1.75);transform:scale(1.75)}[data-feeling=depressed]{background-color:#141414}[data-feeling=depressed]:hover{margin:-5% -10%;z-index:20;background-color:#000}[data-feeling=depressed]:hover>p{display:none}[data-feeling=depressed]:hover>i{opacity:.75;-webkit-transform:scale(1.75);transform:scale(1.75)}[data-feeling=tired]{background-color:#c078c9}[data-feeling=tired]:hover{margin:-5% -10%;z-index:20;background-color:#9941a4}[data-feeling=tired]:hover>p{display:none}[data-feeling=tired]:hover>i{opacity:.75;-webkit-transform:scale(1.75);transform:scale(1.75)}[data-feeling=stressed]{background-color:#6202b1}[data-feeling=stressed]:hover{margin:-5% -10%;z-index:20;background-color:#300156}[data-feeling=stressed]:hover>p{display:none}[data-feeling=stressed]:hover>i{opacity:.75;-webkit-transform:scale(1.75);transform:scale(1.75)}[data-feeling=sick]{background-color:#758f56}[data-feeling=sick]:hover{margin:-5% -10%;z-index:20;background-color:#465634}[data-feeling=sick]:hover>p{display:none}[data-feeling=sick]:hover>i{opacity:.75;-webkit-transform:scale(1.75);transform:scale(1.75)}[data-feeling]:hover::after{content:attr(data-feeling);pointer-events:none;max-width:100%;padding:4px 8px;font-weight:700;color:#fff;position:absolute;z-index:10;text-align:center;-ms-flex-line-pack:center;align-content:center;overflow-x:hidden}.legend{grid-column:14/18;grid-row:1/33}@media(max-width: 960px){.legend{background-color:#262626;grid-column:1/15;grid-row:33/45}}.legend-key{grid-column:16/18;grid-row:11/21;background-color:#fff}@media(max-width: 960px){.legend-key{grid-column:8/10;grid-row:35/45}}.legend-header{grid-column:14/18;grid-row:10/11;color:#fff;background-color:#000}@media(max-width: 960px){.legend-header{grid-row:34/35;grid-column:6/10;background-color:#000}}.dne{background-color:rgba(0,0,0,.1)}.happy{outline:1px #000 solid;background-color:#ff3;grid-column:14/16;grid-row:11/12}.happy+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:16/18;grid-row:11/12}.happy:hover{margin:-5%;z-index:10;background-color:#d6d600}.happy:hover~[data-feeling=happy]{margin:-10% -15%;z-index:20;background-color:#d6d600;overflow-x:hidden}.angry{outline:1px #000 solid;background-color:red;grid-column:14/16;grid-row:12/13}.angry+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:16/18;grid-row:12/13}.angry:hover{margin:-5%;z-index:10;background-color:#a30000}.angry:hover~[data-feeling=angry]{margin:-10% -15%;z-index:20;background-color:#a30000;overflow-x:hidden}.annoyed{outline:1px #000 solid;background-color:#ff7300;grid-column:14/16;grid-row:13/14}.annoyed+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:16/18;grid-row:13/14}.annoyed:hover{margin:-5%;z-index:10;background-color:#a34900}.annoyed:hover~[data-feeling=annoyed]{margin:-10% -15%;z-index:20;background-color:#a34900;overflow-x:hidden}.okay{outline:1px #000 solid;background-color:#9bf;grid-column:14/16;grid-row:14/15}.okay+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:16/18;grid-row:14/15}.okay:hover{margin:-5%;z-index:10;background-color:#3d7eff}.okay:hover~[data-feeling=okay]{margin:-10% -15%;z-index:20;background-color:#3d7eff;overflow-x:hidden}.meh{outline:1px #000 solid;background-color:#595959;grid-column:14/16;grid-row:15/16}.meh+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:16/18;grid-row:15/16}.meh:hover{margin:-5%;z-index:10;background-color:#2b2b2b}.meh:hover~[data-feeling=meh]{margin:-10% -15%;z-index:20;background-color:#2b2b2b;overflow-x:hidden}.sad{outline:1px #000 solid;background-color:#001aff;grid-column:14/16;grid-row:16/17}.sad+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:16/18;grid-row:16/17}.sad:hover{margin:-5%;z-index:10;background-color:#0010a3}.sad:hover~[data-feeling=sad]{margin:-10% -15%;z-index:20;background-color:#0010a3;overflow-x:hidden}.depressed{outline:1px #000 solid;background-color:#141414;grid-column:14/16;grid-row:17/18}.depressed+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:16/18;grid-row:17/18}.depressed:hover{margin:-5%;z-index:10;background-color:#000}.depressed:hover~[data-feeling=depressed]{margin:-10% -15%;z-index:20;background-color:#000;overflow-x:hidden}.tired{outline:1px #000 solid;background-color:#c078c9;grid-column:14/16;grid-row:18/19}.tired+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:16/18;grid-row:18/19}.tired:hover{margin:-5%;z-index:10;background-color:#9941a4}.tired:hover~[data-feeling=tired]{margin:-10% -15%;z-index:20;background-color:#9941a4;overflow-x:hidden}.stressed{outline:1px #000 solid;background-color:#6202b1;grid-column:14/16;grid-row:19/20}.stressed+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:16/18;grid-row:19/20}.stressed:hover{margin:-5%;z-index:10;background-color:#300156}.stressed:hover~[data-feeling=stressed]{margin:-10% -15%;z-index:20;background-color:#300156;overflow-x:hidden}.sick{outline:1px #000 solid;background-color:#758f56;grid-column:14/16;grid-row:20/21}.sick+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:16/18;grid-row:20/21}.sick:hover{margin:-5%;z-index:10;background-color:#465634}.sick:hover~[data-feeling=sick]{margin:-10% -15%;z-index:20;background-color:#465634;overflow-x:hidden}@media(max-width: 960px){.happy{outline:1px #000 solid;background-color:#ff3;grid-column:6/8;grid-row:35/36}.happy+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:8/10;grid-row:35/36}.happy:hover{margin:-5%;z-index:10;background-color:#d6d600}.happy:hover~[data-feeling=happy]{margin:-10% -15%;z-index:20;background-color:#d6d600;overflow-x:hidden}.angry{outline:1px #000 solid;background-color:red;grid-column:6/8;grid-row:36/37}.angry+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:8/10;grid-row:36/37}.angry:hover{margin:-5%;z-index:10;background-color:#a30000}.angry:hover~[data-feeling=angry]{margin:-10% -15%;z-index:20;background-color:#a30000;overflow-x:hidden}.annoyed{outline:1px #000 solid;background-color:#ff7300;grid-column:6/8;grid-row:37/38}.annoyed+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:8/10;grid-row:37/38}.annoyed:hover{margin:-5%;z-index:10;background-color:#a34900}.annoyed:hover~[data-feeling=annoyed]{margin:-10% -15%;z-index:20;background-color:#a34900;overflow-x:hidden}.okay{outline:1px #000 solid;background-color:#9bf;grid-column:6/8;grid-row:38/39}.okay+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:8/10;grid-row:38/39}.okay:hover{margin:-5%;z-index:10;background-color:#3d7eff}.okay:hover~[data-feeling=okay]{margin:-10% -15%;z-index:20;background-color:#3d7eff;overflow-x:hidden}.meh{outline:1px #000 solid;background-color:#595959;grid-column:6/8;grid-row:39/40}.meh+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:8/10;grid-row:39/40}.meh:hover{margin:-5%;z-index:10;background-color:#2b2b2b}.meh:hover~[data-feeling=meh]{margin:-10% -15%;z-index:20;background-color:#2b2b2b;overflow-x:hidden}.sad{outline:1px #000 solid;background-color:#001aff;grid-column:6/8;grid-row:40/41}.sad+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:8/10;grid-row:40/41}.sad:hover{margin:-5%;z-index:10;background-color:#0010a3}.sad:hover~[data-feeling=sad]{margin:-10% -15%;z-index:20;background-color:#0010a3;overflow-x:hidden}.depressed{outline:1px #000 solid;background-color:#141414;grid-column:6/8;grid-row:41/42}.depressed+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:8/10;grid-row:41/42}.depressed:hover{margin:-5%;z-index:10;background-color:#000}.depressed:hover~[data-feeling=depressed]{margin:-10% -15%;z-index:20;background-color:#000;overflow-x:hidden}.tired{outline:1px #000 solid;background-color:#c078c9;grid-column:6/8;grid-row:42/43}.tired+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:8/10;grid-row:42/43}.tired:hover{margin:-5%;z-index:10;background-color:#9941a4}.tired:hover~[data-feeling=tired]{margin:-10% -15%;z-index:20;background-color:#9941a4;overflow-x:hidden}.stressed{outline:1px #000 solid;background-color:#6202b1;grid-column:6/8;grid-row:43/44}.stressed+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:8/10;grid-row:43/44}.stressed:hover{margin:-5%;z-index:10;background-color:#300156}.stressed:hover~[data-feeling=stressed]{margin:-10% -15%;z-index:20;background-color:#300156;overflow-x:hidden}.sick{outline:1px #000 solid;background-color:#758f56;grid-column:6/8;grid-row:44/45}.sick+p{display:block;width:100%;max-height:100%;line-height:normal;color:#000;margin:0;padding-top:4px;outline:1px solid #000;overflow-x:hidden;grid-column:8/10;grid-row:44/45}.sick:hover{margin:-5%;z-index:10;background-color:#465634}.sick:hover~[data-feeling=sick]{margin:-10% -15%;z-index:20;background-color:#465634;overflow-x:hidden}}.tears{-webkit-transition:1s ease-in-out;transition:1s ease-in-out;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow}.tears:before{left:0;height:0;width:100%}.tears:hover,.tears:focus{-webkit-box-shadow:inset 0 -1.55em 0 0 rgba(123,200,255,.55);box-shadow:inset 0 -1.55em 0 0 rgba(123,200,255,.55)}.tears>i{color:rgba(123,200,255,.5)}.button-test{background-image:linear-gradient(45deg, rgb(0, 50, 75) 0%, rgb(0, 50, 75) 50%, rgb(100, 60, 0) 100%);background-color:#4b2d00}.colortest{color:#5b80c3;color:#fbf282}.colordisplay{display:grid;grid-template-columns:200px;grid-template-rows:200px;place-items:center;margin:auto}.box{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.misucurrent{background-color:#a0a7ff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}