#let-it-snow{background:0 0;border:none;margin-top:10px;margin-bottom:10px;cursor:pointer;color:#000;display:flex;flex-wrap:nowrap;@media(prefers-color-scheme:dark){color: white;}& svg { margin-right: 10px; color: black; @media (prefers-color-scheme: dark) { color: white; } } & svg:hover, &:hover { color: #14532d; transition: 0.4s color; @media (prefers-color-scheme: dark) { color: #fde047; } }}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes fall{0%{opacity:0}40%{opacity:1}80%{opacity:1}100%{top:100%;opacity:0}}@keyframes sway{0%{margin-left:0}25%{margin-left:50px}50%{margin-left:-50px}75%{margin-left:50px}100%{margin-left:0}}#snow-widget{opacity:0;transition:opacity .5s ease-in-out;position:absolute;z-index:-1;top:0;left:0;width:100%;overflow:hidden}#snow-container{position:relative;top:0;left:0;width:100%;height:calc(100% - 250px);& .snow { animation: fall ease-in infinite, sway ease-in-out infinite, rotate ease-in-out infinite; color: hsla(0, 0%, 14%, 1); position: absolute; @media (prefers-color-scheme: dark) { color: rgb(196, 237, 253); } }}#snow-pile-container{position:relative;left:0;bottom:0;width:100%;height:250px}