@charset "UTF-8";.intro,.intro a{color:#fff}.snowflake{color:#fff;font-size:1em;font-family:Arial;text-shadow:0 0 1px #000}@-webkit-keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translate(0)}50%{-webkit-transform:translateX(80px);transform:translate(80px)}to{-webkit-transform:translateX(0px);transform:translate(0)}}@keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake{0%{transform:translate(0)}50%{transform:translate(80px)}to{transform:translate(0)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.demo{font-family:Raleway,sans-serif;color:#fff;display:block;margin:0 auto;padding:15px 0;text-align:center}.demo a{font-family:Raleway,sans-serif;color:#000}body{color:#fff;font-family:Arial,cursive;background-color:#000;background-image:url(https://assets.codepen.io/3984475/wooden_background.jpg);height:100%}.calendar__card__date{font-family:Spicy Rice,cursive}.hide{display:none}.modal a.close-modal{width:50px!important;height:50px!important}.modal .image-header{text-align:center}.modal-body{color:#000;text-align:center}.container{background:#00a425 url(https://assets.codepen.io/3984475/Flocons.png);max-width:63rem;margin:0 auto;border:10px solid;border-image-slice:1;border-width:10px;border-image-source:linear-gradient(90deg,#a40000 0%,#a40000 48%,#7b0000 100%)}.container img.ribbon{position:absolute;top:9px}.calendar{display:flex;flex-direction:row;height:100%;flex-wrap:wrap;justify-content:space-around;margin:0 auto;max-width:63rem;padding:80px 100px;box-shadow:0 0 10px 5px #00000059;z-index:2}.calendar .calendar__card{display:inline-block;font-size:2em;margin:1.25rem;perspective:800px;position:relative;text-decoration:none;transition:all .2s}.calendar .calendar__card.active.open{box-shadow:-25px 3px 20px #000000b5;z-index:1}.calendar .calendar__card .calendar__card__inside{align-items:center;background-image:url(https://assets.codepen.io/3984475/tile_background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;height:8rem;justify-content:center;left:0;padding:1.25rem;position:absolute;top:0;width:8rem}.calendar .calendar__card .calendar__card__inside span{display:inline-block;font-size:3em;line-height:1.4;margin:.5rem 0 0;cursor:pointer}.calendar .calendar__card .calendar__card__outside{background-color:#b30000;display:inline-block;height:8rem;padding:1.25rem;perspective:800px;transform-origin:0;transform-style:preserve-3d;transition:all .2s ease-out;width:8rem}.calendar .calendar__card .calendar__card__outside .ready:after{align-items:center;bottom:0;content:"?";display:flex;justify-content:center;font-size:5em;left:0;opacity:.1;position:absolute;right:0;text-align:center;top:75px}.calendar .calendar__card .calendar__card__outside .wait:after{align-items:center;bottom:0;content:"❆";display:flex;justify-content:center;font-size:5em;left:0;opacity:.1;position:absolute;right:0;text-align:center;top:75px}.calendar .calendar__card .calendar__card__outside .calendar__card__date{bottom:.5rem;opacity:1;position:relative;transition:all .2s ease-out;text-align:center}.calendar .calendar__card.active:hover .calendar__card__outside{transform:rotateY(-30deg)}.calendar .calendar__card.active .calendar__card__outside{cursor:pointer}.calendar .calendar__card.active .calendar__card__outside.flipped{transform:rotateY(-90deg)}.calendar .calendar__card.active .calendar__card__outside.flipped .calendar__card__date{opacity:0}.popup{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e3;height:100vh;z-index:999}.popup img{display:block;position:relative;margin:0 auto}.popup button{position:absolute;top:1em;right:1em;height:50px;width:50px;background-color:#0000006b;color:red;border-radius:30px;font-size:19pt;font-weight:700;border:1px solid RED;cursor:pointer}.modal h2{font-size:25px}.modal p{font-size:18px}.audio-contianer[data-v-6f92f0d9]{position:fixed;right:20px;top:20px}img[data-v-6f92f0d9]{width:70px}