.advent{position:relative;overflow:hidden}.advent-bg{background:linear-gradient(298deg,#c8211857,#b6c81857,#235e6f57,#c8211857,#0ce11777,#c8211857,#2594e457,#f5624d57,#0f8a5f57) 0 0/800% 800%;animation:10s ease-in-out infinite door-bg-1}.advent>.blabla{text-align:center;flex-flow:column;justify-content:center;align-items:center;padding:10px;display:flex}.advent .ac-title{font-size:80px;font-weight:700}.advent>.toppart{color:green;text-shadow:0 0 18px #e017175e;margin-bottom:10px}.advent>.bottompart{color:#000000c2;background-color:#ffffff7a;border-radius:5px;flex-flow:column;justify-content:center;align-items:center;margin-top:20px;display:flex}.advent>.bottompart>.ac-title{font-size:30px;-webkit-text-decoration:underline dotted #dc1d13;text-decoration:underline dotted #dc1d13}.advent>.bottompart>.ac-desc{width:70%;padding:15px 0;font-size:20px}.advent>.calender{border:10px dotted green}.advent>.calender>.windows>.ac-popupwindow{z-index:1;background-color:#ffffffd6;border:10px dotted #f63a3ad3;border-radius:5px;flex-flow:column;justify-content:center;align-items:center;width:700px;height:300px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.advent>.calender>.windows>.ac-popupwindow>p{word-break:normal;color:#000000c2;text-align:center;padding:10px 20px;font-size:30px}.advent>.calender>.windows{display:block;position:relative}.advent>.calender>.windows>img{border:1px solid #00000073;border-radius:5px;width:100%;height:auto}.advent>.calender>.windows>.door{width:10%;height:10%;position:absolute;overflow:hidden;box-shadow:5px 7px 21px #00000080}.advent>.calender>.windows>.door.today:hover{background:linear-gradient(298deg,#c8211857,#b6c81857) 0 0/800% 800%;animation:4s ease-in-out infinite door-bg-1}.advent>.calender>.windows>.door.open{background-color:#0000000f;box-shadow:inset 4px 3px 2px 2px #00000082}.advent>.calender>.windows>.door.open:hover{width:13%;height:13%;transition:all .2s ease-in;transition:width height 3s ease-in-out;background-color:#00000040}.advent>.calender>.windows>.door.open.today{background:linear-gradient(298deg,#c8211857,#b6c81857) 0 0/800% 800%;animation:4s infinite door-bg-1}.advent>.calender>.windows>.door>.ac-day{-webkit-user-select:none;user-select:none;color:#fdff72fa;text-shadow:1px 1px #00000091;padding:5px 10px;font-size:24px;font-weight:100;position:absolute}.advent>.calender>.windows>.door.open>.ac-text{color:#ffffffdb;text-shadow:3px 3px 4px #1e1a1a;text-align:center;flex-flow:column;justify-content:center;align-items:center;height:100%;padding-top:10px;font-size:18px;display:flex;position:relative}.advent>.calender>.windows>.door.open>.ac-day{opacity:1;transition:opacity .2s ease-in}.advent>.calender>.windows>.door.open.claimed>.ac-day:after{content:"🎁";padding-left:8px;font-size:22px}.advent>.calender>.windows>.door.open:hover>.ac-day,.advent>.calender>.windows>.door.open>.ac-text{opacity:0}.advent>.calender>.windows>.door.open:hover>.ac-text{opacity:1;transition:opacity .2s ease-in}.advent>.calender>.windows>.door>.ac-text{display:none}@media (width<=767px){.advent>.calender>.windows>.ac-popupwindow{width:300px;height:200px}.advent>.calender>.windows>.ac-popupwindow>p{padding:10px 20px;font-size:14px}.advent>.calender>.windows>.door{width:12%;height:12%}.advent>.calender>.windows>.door.open:hover{width:15%;height:15%}.advent>.calender>.windows>.door{text-align:center;flex-flow:column;justify-content:center;align-items:center;display:flex}.advent>.calender>.windows>.door>.ac-day{color:#f8ff15;padding:10px 0 0;font-size:12px}.advent>.calender>.windows>.door.open.claimed>.ac-day:after{padding-left:2px;font-size:10px}.advent>.calender>.windows>.door.open>.ac-text{font-size:8px}.advent>.ac-title{font-size:60px;line-height:75px}.advent>.bottompart>.ac-title{width:70%;margin-top:10px;font-size:26px;line-height:32px}.advent>.bottompart>.ac-desc{word-break:normal;width:90%;padding:10px 0;font-size:16px}.advent>.calender{border:none;border-radius:10px}.advent>.calender img{border-radius:5px}}@media (width>=768px) and (width<=991px){.advent>.calender>.windows>.door.open.claimed>.ac-day:after{padding-left:4px;font-size:18px}.advent>.calender>.windows>.ac-popupwindow{width:600px;height:250px}.advent>.calender>.windows>.ac-popupwindow>p{padding:10px 20px;font-size:22px}.advent>.calender>.windows>.door{text-align:center;flex-flow:column;justify-content:center;align-items:center;width:12%;height:12%;display:flex}.advent>.calender>.windows>.door.open:hover{width:16%;height:16%}.advent>.ac-title{line-height:85px}.advent>.calender>.windows>.door>.ac-day{padding-top:10px;font-size:20px}.advent>.calender>.windows>.door.open>.ac-text{padding-top:10px;font-size:16px}}@keyframes door-bg-1{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#ac-d1{top:46%;left:63%}#ac-d2{top:60%;left:10%}#ac-d3{top:83%;left:20%}#ac-d4{top:40%;left:80%}#ac-d5{top:4%;left:40%}#ac-d6{top:36%;left:3%}#ac-d7{top:9%;left:65%}#ac-d8{top:73%;left:75%}#ac-d9{top:18%;left:47%}#ac-d10{top:75%;left:4%}#ac-d11{top:4%;left:80%}#ac-d12{top:17%;left:5%}#ac-d13{top:32%;left:58%}#ac-d14{top:69%;left:27%}#ac-d15{top:85%;left:63%}#ac-d16{top:23%;left:74%}#ac-d17{top:80%;left:45%}#ac-d18{top:45%;left:18%}#ac-d19{top:57%;left:82%}#ac-d20{top:3%;left:13%}#ac-d21{top:64%;left:55%}#ac-d22{top:62%;left:41%}#ac-d23{top:20%;left:26%}#ac-d24{width:20%;height:20%;top:35%;left:35%}