@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\000031}}
html { box-sizing: border-box; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\000035}}
*, *:before, *:after { box-sizing: inherit; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\0000311}}
button:focus { outline: 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\0000315}}
html, body { padding: 0; margin: 0; font-family: 'Montserrat', sans-serif; overflow-x: hidden; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\0000323}}
.bg { position: absolute; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\0000333}}
h1 { font-family: 'Mountains of Christmas', cursive; color: #fff; text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5); font-size: 2.5rem; line-height: 3.2rem; text-align: center; font-weight: normal; padding: 0 15px; margin: 0 0 12px 0; letter-spacing: -.02em; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\0000346}}
small { display: flex; text-align: center; padding: 6px 15px; color: #fff; margin: 0 0 .5rem 0; opacity: .9; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\0000355}}
#wrap { display: flex; width: 100%; height: 100vh; align-items: center; justify-content: center; flex-direction: column; z-index: 99; position: relative; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\0000366}}
#status { display: flex; margin: .5rem; font-size: .75rem; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #fff; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\0000375}}
.btn-refresh:link, .btn-refresh:visited { font-family: 'Montserrat', sans-serif; display: flex; align-items: center; padding: .5rem 1rem; text-decoration: none; border: 2px solid #fff; color: #fff; font-weight: bold; border-radius: 60px; margin: 1.5rem 1rem; transition: all .3s ease; font-size: .75rem; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\0000390}}
.btn-refresh:link span, .btn-refresh:visited span { display: flex; width: 20px; height: 20px; align-items: center; justify-content: center; transition-duration: 1s; font-size: 1.2rem; margin-right: 8px; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003102}}
.btn-refresh:hover, .btn-refresh:active, .btn-refresh:focus { background: #fff; color: green; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003107}}
.btn-refresh:hover span, .btn-refresh:active span, .btn-refresh:focus span { animation-name: rotate; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003115}}
.btn-save { display: flex; position: absolute; background: none; border: 1px solid #fff; width: 40px; height: 40px; cursor: pointer; color: #fff; font-size: 20px; align-items: center; justify-content: center; border-radius: 60px; opacity: .7; transition: all .3s ease; top: 23px; right: 20px; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003134}}
.btn-save:hover { opacity: 1; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003138}}
.p5Canvas { border-radius: 9px; background: #fff; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

@keyframes rotate { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
@media only screen and (max-width: 767px) { @media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003154}}
  .p5Canvas, video { width: 90vw !important; height: auto !important; } }
@media only screen and (max-width: 667px) { @media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003161}}
  h1 { font-size: 1.6rem; line-height: 2rem; margin: 0; } }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003167}}
.info { display: flex; flex-direction: column; padding: 15px; margin: 0 auto; align-items: center; justify-content: center; color: #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003176}}
.info h2 { margin: 0 0 1rem 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003179}}
.info p { margin: 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003184}}
html, body { min-height: 100%; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003190}}
body:before { content: ""; position: absolute; display: block; left: 0; width: 100%; height: 50%; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, black 100%); }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003201}}
.snowflakes { width: 100%; height: 1200px; position: absolute; top: -90px; left: 0; z-index: 0; opacity: .3; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003211}}
i, i:after, i:before { background: white; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003217}}
i { display: inline-block; -webkit-animation: snowflakes 3s linear 2s 20; -moz-animation: snowflakes 3s linear 2s 20; position: relative; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003224}}
i:after, i:before { height: 100%; width: 100%; content: "."; position: absolute; top: 0px; left: 0px; -webkit-transform: rotate(120deg); }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003235}}
i:before { -webkit-transform: rotate(240deg); }

@-webkit-keyframes snowflakes { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6); }
  100% { -webkit-transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6); } }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003249}}
.snowflakes i:nth-child(3n) { width: 16px; height: 4px; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 30; -webkit-transform-origin: right -45px; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003257}}
.snowflakes i:nth-child(3n+1) { width: 24px; height: 6px; -webkit-animation-duration: 6s; -webkit-animation-iteration-count: 45; -webkit-transform-origin: right -30px; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003265}}
.snowflakes i:nth-child(3n+2) { width: 32px; height: 8px; -webkit-animation-duration: 8s; -webkit-animation-iteration-count: 60; -webkit-transform-origin: right -15px; }

/* different delays so they don't all start at the same time */
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003276}}
.snowflakes i:nth-child(7n) { opacity: .3; -webkit-animation-delay: 0s; -webkit-animation-timing-function: ease-in; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003282}}
.snowflakes i:nth-child(7n+1) { opacity: .4; -webkit-animation-delay: 1s; -webkit-animation-timing-function: ease-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003288}}
.snowflakes i:nth-child(7n+2) { opacity: .5; -webkit-animation-delay: 1.5s; -webkit-animation-timing-function: linear; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003294}}
.snowflakes i:nth-child(7n+3) { opacity: .6; -webkit-animation-delay: 2s; -webkit-animation-timing-function: ease-in; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003300}}
.snowflakes i:nth-child(7n+4) { opacity: .7; -webkit-animation-delay: 2.5s; -webkit-animation-timing-function: linear; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003306}}
.snowflakes i:nth-child(7n+5) { opacity: .8; -webkit-animation-delay: 3s; -webkit-animation-timing-function: ease-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/jonny\/Dropbox\/In\%20Progress\/2019\%20christmas\/2019\/assets\/sass\/style\.scss}line{font-family:\00003312}}
.snowflakes i:nth-child(7n+6) { opacity: .9; -webkit-animation-delay: 3.5s; -webkit-animation-timing-function: ease-in; }

/*# sourceMappingURL=style.css.map */