:root{font-family:Kranky,serif;line-height:1.5;color:#ffffffde}body{margin:0;display:flex;justify-content:center;min-width:320px;height:100%;min-height:100vh;width:100vw;background:linear-gradient(#28543c,#cdd873)}.app{height:100%;width:100vw;display:flex;flex-direction:column;align-items:center}.calendar{background:linear-gradient(45deg,#4f0305,#901a1b,#4f0305,#901a1b);max-width:580px;width:85%;margin:35px 10px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:3px solid #052C16;z-index:100;padding:10px}.door{max-height:130px;max-width:130px;width:100%;height:100%;border:3px solid #052C16;border-radius:8%;display:flex;justify-content:center;align-items:center;font-size:4rem}@media screen and (max-width: 600px){.door{font-size:2rem}}.door-container{display:flex;justify-content:center;align-items:center;padding:10px}.door:hover{cursor:not-allowed}.isToday:hover,.isOpen:hover,button:hover{cursor:pointer}.green-door{background:#cdd873;color:#052c16;padding-top:14px}.red-door{background:#d03b3c;padding-top:14px}.isOpen{background:radial-gradient(#ebdd14,#eb9114 10%,#052c16 60%);padding-top:14px}.opened-door-container{display:flex;flex-direction:column}.opened-door-date{font-size:14px;width:100%;display:flex;justify-content:flex-end;color:#fff}.isOpen:hover{background:radial-gradient(#052c16 30%,#eb9114 70%,#ebdd14 90%);border:3px solid #dc9c07;color:#052c16}.todayUnopened{background:radial-gradient(#f4a506,#eca50d 40%,#fef24c 90%);box-shadow:0 0 #f4d006;transform:scale(1);animation:pulse 2s infinite;border:3px solid #dc9c07}.todayUnopened:hover{animation:pulse 10.5s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 10px #f4d006b3}70%{transform:scale(1);box-shadow:0 0 10px 20px #f4d00600}to{transform:scale(.95);box-shadow:0 0 #f4d00600}}.goodie-dialog-container{height:100vh;width:100vw;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;position:fixed}.goodie-dialog{min-height:250px;max-width:500px;width:80%;z-index:1010;background-color:#cdd873;border-radius:10px;display:flex;flex-direction:column;padding:20px;color:#28543c;box-shadow:0 0 10px 10px #f4d006b3}.opened-img{max-height:300px;max-width:300px;width:90%;border-radius:10px;box-shadow:0 0 5px 5px #43434180}.opened-img-container{width:100%;display:flex;align-items:center;justify-content:center}.goodie-type-img{max-height:80px;max-width:80px;width:90%}h1{text-align:center}button{height:45px;width:45px;background-color:#d03b3c;border-radius:100%;color:#fff;font-size:30px;font-family:Kranky,serif;display:flex;justify-content:center;align-items:center;box-shadow:0 0 #f43606;transform:scale(1);animation:pulse 2s infinite}button:hover{background-color:#901a1b}h2{color:#901a1b}footer{color:#28543c;margin:0 25px 25px;text-align:center}.grid{display:grid;grid-template-columns:25% 25% 25% 25%;max-width:650px;width:100%;row-gap:10px}.grid-container{display:flex;width:100%}p{font-size:20px}.card-header-container{display:flex;justify-content:space-between}.fa-star{color:#0b364f}@keyframes up{0%{transform:translateY(0)}50%{transform:translateY(100px)}to{transform:translateY(0)}}@keyframes across{0%{right:0%}to{right:100%}}.fa-snowflake{color:#ecf2f8}.snow{width:100%;height:100%;position:absolute;z-index:0}.snowflake{animation-name:fall,shake;animation-duration:10s,5s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;left:200px;z-index:7;filter:blur(.5px)}.snowflake1{animation-name:fall,shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;left:500px;top:-100px;animation-delay:1s,1s;z-index:7;filter:blur(.5px)}.snowflake2{animation-name:fall,shake;animation-duration:8s,5s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;left:20px;top:-100px;animation-delay:2s,2s;z-index:7;filter:blur(.5px)}.snowflake3{animation-name:fall,shake;animation-duration:9s,5s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;right:170px;top:-100px;animation-delay:3s,5s;z-index:5;filter:blur(.7px)}.snowflake4{animation-name:fall,shake;animation-duration:15s,5s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;right:430px;top:-100px;animation-delay:4s,4s;z-index:5}.snowflake5{animation-name:fall,shake;animation-duration:15s,4s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;left:500px;top:-100px;animation-delay:6s,2s;font-size:2rem;z-index:6;filter:blur(.5px)}.snowflake6{animation-name:fall,shake;animation-duration:12s,5s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;left:75px;top:-100px;animation-delay:3.2s,2s;font-size:2rem;z-index:6}.snowflake7{animation-name:fall,shake;animation-duration:11s,5s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;left:650px;top:-100px;animation-delay:7.2s,1s;z-index:7}.snowflake8{animation-name:fall,shake;animation-duration:12s,4s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;left:820px;top:-100px;animation-delay:4s,2s;font-size:2rem;z-index:5;filter:blur(.5px)}.snowflake9{animation-name:fall,shake;animation-duration:12s,4s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;left:170px;top:-100px;animation-delay:5s,2s;font-size:2rem;z-index:5;filter:blur(.3px)}.snowflake10{animation-name:fall,shake;animation-duration:15s,9s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;left:350px;top:-100px;animation-delay:2.7s,2s;font-size:3rem;z-index:7}.snowflake11{animation-name:fall,shake;animation-duration:12s,7s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;right:400px;top:-100px;animation-delay:.5s,2s;font-size:3rem;z-index:7}.snowflake12{animation-name:fall,shake;animation-duration:12s,5s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;left:470px;top:-100px;animation-delay:5s,2s;z-index:7;filter:blur(.9px)}.snowflake13{animation-name:fall,shake;animation-duration:10s,5s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;right:220px;top:-100px;animation-delay:1s,2s;z-index:7;filter:blur(.6px)}.snowflake14{animation-name:fall,shake;animation-duration:9s,4s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;right:140px;top:-100px;animation-delay:2s,2s;z-index:7;filter:blur(.5px)}@keyframes fall{0%{top:-10%}to{top:100%}}@keyframes shake{0%{transform:translate(0)}50%{transform:translate(50px)}to{transform:translate(0)}}