body{background:url(https://www.payplug.com/hubfs/2019-advent-calendar-background-5.svg) no-repeat top center #00ab7a;background-size:cover}.title{display:flex;align-items:center;justify-content:center}.title img{width:90%;height:auto}.grid-1{display:grid;width:96%;max-width:900px;margin:2% auto;font-family:'Poppins',sans-serif;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:25px;grid-template-areas:"t        t       t" "d23      d20     d12" "d2       d14     d4" "d5       d22     d16" "d1       d7      d9" "d10      d11     d18" "d13      d3      d15" "d6       d17     d8" "d19      d24     d21"}@media only screen and (min-width:500px){.grid-1{grid-template-columns:repeat(6,1fr);grid-template-areas:"t     t     t     d2      d7      d8" "t     t     t     d4      d11     d12" "t     t     t     d19     d9      d13" "d6    d1    d24   d24     d21     d20" "d17   d18   d24   d24     d5      d22" "d3    d23   d16   d14     d10     d15"}}.title{grid-area:t}.day-1{grid-area:d1}.day-1 .back{background:url(https://www.payplug.com/hubfs/Day-1-FR.svg)}.day-2{grid-area:d2}.day-2 .back{background:url(https://www.payplug.com/hubfs/Day-2-FR.svg)}.day-3{grid-area:d3}.day-3 .back{background:url(https://www.payplug.com/hubfs/Day-3-FR.svg)}.day-4{grid-area:d4}.day-4 .back{background:url(https://www.payplug.com/hubfs/Day-4-FR.svg)}.day-5{grid-area:d5}.day-5 .back{background:url(https://www.payplug.com/hubfs/Day-5-FR.svg)}.day-6{grid-area:d6}.day-6 .back{background:url(https://www.payplug.com/hubfs/Day-6-FR.svg)}.day-7{grid-area:d7}.day-7 .back{background:url(https://www.payplug.com/hubfs/Day-7-FR.svg)}.day-8{grid-area:d8}.day-8 .back{background:url(https://www.payplug.com/hubfs/Day-8-FR.svg)}.day-9{grid-area:d9}.day-9 .back{background:url(https://www.payplug.com/hubfs/Day-9-FR.svg)}.day-10{grid-area:d10}.day-10 .back{background:url(https://www.payplug.com/hubfs/Day-10-FR.svg)}.day-11{grid-area:d11}.day-11 .back{background:url(https://www.payplug.com/hubfs/Day-11-FR.svg)}.day-12{grid-area:d12}.day-12 .back{background:url(https://www.payplug.com/hubfs/Day-12-FR.svg)}.day-13{grid-area:d13}.day-13 .back{background:url(https://www.payplug.com/hubfs/Day-13-FR.svg)}.day-14{grid-area:d14}.day-14 .back{background:url(https://www.payplug.com/hubfs/Day-14-FR.svg)}.day-15{grid-area:d15}.day-15 .back{background:url(https://www.payplug.com/hubfs/Day-15-FR.svg)}.day-16{grid-area:d16}.day-16 .back{background:url(https://www.payplug.com/hubfs/Day-16-FR.svg)}.day-17{grid-area:d17}.day-17 .back{background:url(https://www.payplug.com/hubfs/Day-17-FR.svg)}.day-18{grid-area:d18}.day-18 .back{background:url(https://www.payplug.com/hubfs/Day-18-FR.svg)}.day-19{grid-area:d19}.day-19 .back{background:url(https://www.payplug.com/hubfs/Day-19-FR.svg)}.day-20{grid-area:d20}.day-20 .back{background:url(https://www.payplug.com/hubfs/Day-20-FR.svg)}.day-21{grid-area:d21}.day-21 .back{background:url(https://www.payplug.com/hubfs/Day-21-FR.svg)}.day-22{grid-area:d22}.day-22 .back{background:url(https://www.payplug.com/hubfs/Day-22-FR.svg)}.day-23{grid-area:d23}.day-23 .back{background:url(https://www.payplug.com/hubfs/Day-23-FR.svg)}.day-24{grid-area:d24}.day-24 .back{background:url(https://www.payplug.com/hubfs/Day-24-ALL.svg)}.grid-1 input{display:none}label{perspective:1000px;transform-style:preserve-3d;cursor:pointer;display:flex;min-height:100%;width:100%;height:120px}.door{width:100%;transform-style:preserve-3d;transition:all 300ms;border:2px dashed transparent}.door div{position:absolute;height:100%;width:100%;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.back{background-color:#2e313d;transform:rotateY(180deg)}label:hover .door{border-color:#385052}:checked+.door{transform:rotateY(180deg)}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;padding:15px;overflow:auto;background-color:rgba(0,0,0,0.88);-webkit-animation-duration:.35s;animation-duration:.35s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}.modal__dialog{position:relative;max-width:500px;padding:20px;margin:auto;border-radius:4px;background-color:#fff}.modal__close{position:absolute;top:20px;right:20px;padding:0;border:0;color:#ccc;background-color:transparent;background-image:none;font-size:16px;cursor:pointer}.modal__close:focus{outline:0}.modal__header{border-bottom:1px solid #e2e2e2}.modal__title{margin:0 0 15px;font-family:'Poppins',sans-serif}.modal__content{padding:10px 0;font-size:13px;line-height:1.6;color:#555;text-align:center;font-family:'Poppins',sans-serif}.modal__footer{padding-top:20px;border-top:1px solid #e2e2e2;text-align:right}.modal--fullscreen{padding:5px}.modal--fullscreen .modal__dialog{width:100%;max-width:none;height:100%;border-radius:0}.modal.is-modal-active{display:flex}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}