body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.calendar{grid-gap:15px;display:grid;gap:15px;grid-template-areas:"day4" "day20" "day7" "day2" "day6" "day6" "day22" "day1" "day14" "day13" "day18" "day8" "day10" "day17" "day24" "day24" "day12" "day19" "day21" "day9" "day23" "day16" "day11" "day3" "day15" "day5";grid-template-columns:repeat(1,1fr);margin:0 auto;padding:15px}.calendar .day-leer-1,.calendar .day-leer-2{display:none}@media screen and (min-width:576px){.calendar{grid-template-areas:"day4 day20" "day7 day2" "day6 day6" "day22 day1" "day14 day13" "day18 day8" "day10 day17" "day24 day24" "day12 day19" "day21 day9" "day23 day16" "day11 day3" "day15 day5";grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){.calendar{grid-template-areas:"day4 day20 day7" "day2 day6 day6" "day22 day1 day14" "day13 day18 day8" "day10 day17 day12" "day24 day24 day19" "day21 day9 day23" "day16 day11 day3" "day15 day5 day-leer";grid-template-columns:repeat(3,1fr);width:645px}.calendar .day-leer-1{display:block}}@media screen and (min-width:992px){.calendar{grid-template-areas:"day4 day20 day7 day2" "day6 day6 day22 day1" "day14 day13 day18 day8" "day10 day17 day12 day19" "day21 day24 day24 day9" "day23 day16 day11 day3" ". day15 day5 .";grid-template-columns:repeat(4,1fr);width:900px}.calendar .day-leer-2{display:block}}@media screen and (min-width:1300px){.calendar{grid-template-areas:"day4 day20 day7 day6 day6 day2" "day22 day1 day14 day13 day18 day8" "day10 day17 day24 day24 day12 day19" "day21 day23 day24 day24 day16 day11" "leer-1 day9 day3 day15 day5 leer-2";grid-template-columns:repeat(6,1fr);width:1150px}}.App{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:150%}.calendar>.day{background:rgba(175,228,242,.8);border:1px solid #168ecc;box-sizing:border-box;cursor:pointer;min-height:20vh;position:relative}.calendar>.day.isActive>.day,.calendar>.day.open>.day{opacity:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);z-index:0}.calendar>.day.isActive>.message,.calendar>.day.open>.message{background:rgba(175,228,242,.8);color:#000;opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);z-index:1}.calendar>.day.open .message>.question{font-weight:700;margin-bottom:15px}.calendar>.day.open .message>.answer,.calendar>.day.open .message>.question{display:block;opacity:1;position:relative;-webkit-transform:rotate(0);transform:rotate(0)}.calendar>.day.open .day{align-items:flex-start;color:#fff;display:flex;font-size:2rem;opacity:1;position:absolute;top:0;-webkit-transform:rotateY(0);transform:rotateY(0);width:inherit}.calendar>.day.currentDay{background:rgba(32,86,127,.8);color:#fff}.day-01{grid-area:day1}.day-02{grid-area:day2}.day-03{grid-area:day3}.day-04{grid-area:day4}.day-05{grid-area:day5}.day-06{grid-area:day6}.day-07{grid-area:day7}.day-08{grid-area:day8}.day-09{grid-area:day9}.day-10{grid-area:day10}.day-11{grid-area:day11}.day-12{grid-area:day12}.day-13{grid-area:day13}.day-14{grid-area:day14}.day-15{grid-area:day15}.day-16{grid-area:day16}.day-17{grid-area:day17}.day-18{grid-area:day18}.day-19{grid-area:day19}.day-20{grid-area:day20}.day-21{grid-area:day21}.day-22{grid-area:day22}.day-23{grid-area:day23}.day-24{grid-area:day24}.day-3{grid-area:day-3}.calendar>.day>.day{box-sizing:border-box;font-size:4rem;opacity:1;padding:15px;position:absolute;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);width:100%;z-index:1}.calendar>.day>.day,.calendar>.day>.message{align-items:center;display:flex;height:100%;justify-content:center;transition:all 2s}.calendar>.day>.message{color:#000;flex-flow:column;opacity:0;position:relative;text-align:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);z-index:0}.calendar>.day>.message>div{position:absolute;transition:all 2s;width:120px}.calendar>.day>.message>div.question{opacity:1}.calendar>.day>.message>div.answer{opacity:0}.calendar>.day>.message.turn>div.question{font-weight:700;margin-bottom:15px;position:relative}.calendar>.day>.message.turn>div.answer{opacity:1;position:relative}.calendar>.day>.Special{opacity:0;transition:opacity 2s}.calendar>.day.isActive>.Special,.calendar>.day.open>.Special{bottom:-25px;opacity:1;position:absolute;right:-15px;z-index:2}@media screen and (min-width:576px){.calendar>.day.isActive>.Special,.calendar>.day.open>.Special{right:-40px}}.calendar>.day.isActive>.Special img,.calendar>.day.open>.Special img{width:100px}.calendar>.day.isActive>.Special.christmas img,.calendar>.day.isActive>.Special.nicolaus img,.calendar>.day.open>.Special.christmas img,.calendar>.day.open>.Special.nicolaus img{width:175px}.calendar>.day.isActive>.Special.nicolaus,.calendar>.day.open>.Special.nicolaus{bottom:-3px;position:absolute;right:0}.calendar>.day.isActive>.Special.christmas,.calendar>.day.open>.Special.christmas{bottom:-15px;position:absolute;right:-15px}.Special>span{align-items:center;color:#fff;display:flex;font-size:1.2rem;height:100%;justify-content:center;margin-top:-5px;position:absolute;width:100%}
/*# sourceMappingURL=main.441c9314.css.map*/