*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { margin: 0; padding: 0; width: 100%; height: 100%; font-size: 62.5%; font-family: tamarillo-jf, sans-serif; font-style: normal; font-weight: 400; }

body { background-color: #962128; background-image: url("../img/bg.png"); background-position: top center; background-repeat: no-repeat; background-size: cover; }

canvas { position: relative; z-index: 2; background: #fff; padding: 15px; text-shadow: 2px 10px 10px rgba(0, 0, 0, 0.1); }
@media (max-width: 767px) { canvas { padding: 10px; } }

footer { position: fixed; bottom: 0; font-size: 3.5rem; line-height: 3rem; color: #c8a887; padding: 20px; display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; }

#wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 999; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto 20px; height: 100%; }

#canvasForHTML { width: 640px; height: auto; 	/*&:before {
		z-index: 1; content: "Oops, This experience requires a web camera."; display: flex; width: 100%; height: 100%; position: absolute; align-items: center; justify-content: center; color: #c3af9b; font-size: 3rem; line-height: 3rem; text-align: center; padding: 30px;
	}*/ }
@media (max-width: 767px) { #canvasForHTML { width: 100%; height: auto; left: 10px; }
  #canvasForHTML canvas { width: 100% !important; height: auto !important; } }

@keyframes aniMe { 0% { transform: translateY(-2000) rotate(360deg); }
  100% { transform: translateY(0) rotate(-6deg); } }
@keyframes zoomme { 0% { transform: scale(1); }
  100% { transform: scale(1.5); } }
@keyframes show { /* play with it */
  0% { opacity: 0; transform: translate3d(0, 0, 0) rotate(75deg) scale(0.5); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) rotate(-6deg) scale(1); } }
.gs { text-align: center; font-weight: normal; font-size: 10vw; line-height: 9vw; margin: 0; color: #eff0d8; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); }
.gs a { color: #fff; margin: auto; padding: 1rem 1.25rem; text-decoration: none; position: relative; transition: all 0.3s cubic-bezier(0.2, 0, 0, 1); z-index: 1; }
.gs a:after { content: ''; display: block; height: 2px; position: absolute; bottom: 22%; right: 1.25rem; left: 1.25rem; background-color: #fff; transition: all 0.3s cubic-bezier(0.2, 0, 0, 1); transform-origin: bottom center; z-index: -1; }
.gs a:hover:after { right: 0; left: 0; height: 6vw; border-radius: 6px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); }
.gs a:hover.good:after { background: #868948; }
.gs a:hover.bad:after { background: #e31c29; }

.g1 { font-weight: normal; font-size: 7vw; margin: 0; color: #eff0d8; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }

.g2 { font-weight: normal; font-size: 7vw; margin: 0; color: #eff0d8; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }

.g1, .g2 { text-align: center; }
.g1 .letter, .g2 .letter { display: inline-block; }

.sparkle { position: fixed; left: 50%; top: 50%; width: 0.4vw; height: 0.4vw; margin: -0.2vw 0 0 9.8vw; animation: ease 200s alternate infinite; pointer-events: none; }
.sparkle::before, .sparkle::after { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; transform-origin: -10vw; }
.sparkle::before { background: black; opacity: 0.4; animation: drift ease alternate infinite; }
.sparkle::after { background: white; opacity: 0; box-shadow: 0 0 0vw 0vw yellow; animation: drift ease alternate infinite, flash ease infinite; }

.sparkle:nth-child(1) { animation-name: move1; }
.sparkle:nth-child(1)::before { animation-duration: 14s; }
.sparkle:nth-child(1)::after { animation-duration: 14s, 10421ms; animation-delay: 0ms, 2113ms; }

@keyframes move1 { 0% { transform: translateX(-25vw) translateY(27vh) scale(0.41); }
  3.5714285714% { transform: translateX(-39vw) translateY(39vh) scale(0.84); }
  7.1428571429% { transform: translateX(45vw) translateY(19vh) scale(0.42); }
  10.7142857143% { transform: translateX(-5vw) translateY(-32vh) scale(0.29); }
  14.2857142857% { transform: translateX(40vw) translateY(-38vh) scale(0.4); }
  17.8571428571% { transform: translateX(-28vw) translateY(40vh) scale(0.58); }
  21.4285714286% { transform: translateX(22vw) translateY(8vh) scale(0.83); }
  25% { transform: translateX(25vw) translateY(18vh) scale(0.95); }
  28.5714285714% { transform: translateX(-40vw) translateY(-14vh) scale(0.41); }
  32.1428571429% { transform: translateX(-30vw) translateY(50vh) scale(0.71); }
  35.7142857143% { transform: translateX(-19vw) translateY(8vh) scale(0.41); }
  39.2857142857% { transform: translateX(3vw) translateY(-37vh) scale(0.71); }
  42.8571428571% { transform: translateX(-20vw) translateY(34vh) scale(0.86); }
  46.4285714286% { transform: translateX(-3vw) translateY(-16vh) scale(0.8); }
  50% { transform: translateX(-17vw) translateY(-40vh) scale(0.41); }
  53.5714285714% { transform: translateX(31vw) translateY(-46vh) scale(0.97); }
  57.1428571429% { transform: translateX(25vw) translateY(24vh) scale(0.8); }
  60.7142857143% { transform: translateX(13vw) translateY(-27vh) scale(0.4); }
  64.2857142857% { transform: translateX(17vw) translateY(-26vh) scale(0.61); }
  67.8571428571% { transform: translateX(2vw) translateY(19vh) scale(0.95); }
  71.4285714286% { transform: translateX(25vw) translateY(14vh) scale(0.74); }
  75% { transform: translateX(8vw) translateY(-15vh) scale(0.81); }
  78.5714285714% { transform: translateX(-6vw) translateY(47vh) scale(0.41); }
  82.1428571429% { transform: translateX(4vw) translateY(23vh) scale(0.79); }
  85.7142857143% { transform: translateX(26vw) translateY(26vh) scale(0.81); }
  89.2857142857% { transform: translateX(30vw) translateY(3vh) scale(0.26); }
  92.8571428571% { transform: translateX(-12vw) translateY(-9vh) scale(0.53); }
  96.4285714286% { transform: translateX(1vw) translateY(29vh) scale(0.38); }
  100% { transform: translateX(10vw) translateY(-39vh) scale(0.8); } }
.sparkle:nth-child(2) { animation-name: move2; }
.sparkle:nth-child(2)::before { animation-duration: 15s; }
.sparkle:nth-child(2)::after { animation-duration: 15s, 5744ms; animation-delay: 0ms, 4624ms; }

@keyframes move2 { 0% { transform: translateX(-45vw) translateY(47vh) scale(0.7); }
  5.2631578947% { transform: translateX(-2vw) translateY(40vh) scale(0.63); }
  10.5263157895% { transform: translateX(42vw) translateY(-45vh) scale(0.7); }
  15.7894736842% { transform: translateX(-14vw) translateY(10vh) scale(0.64); }
  21.0526315789% { transform: translateX(-45vw) translateY(-4vh) scale(0.59); }
  26.3157894737% { transform: translateX(35vw) translateY(41vh) scale(0.41); }
  31.5789473684% { transform: translateX(33vw) translateY(-49vh) scale(0.97); }
  36.8421052632% { transform: translateX(1vw) translateY(1vh) scale(0.91); }
  42.1052631579% { transform: translateX(-23vw) translateY(-23vh) scale(0.76); }
  47.3684210526% { transform: translateX(22vw) translateY(45vh) scale(0.68); }
  52.6315789474% { transform: translateX(-42vw) translateY(36vh) scale(0.95); }
  57.8947368421% { transform: translateX(-10vw) translateY(38vh) scale(0.31); }
  63.1578947368% { transform: translateX(43vw) translateY(35vh) scale(0.47); }
  68.4210526316% { transform: translateX(-21vw) translateY(34vh) scale(0.85); }
  73.6842105263% { transform: translateX(-11vw) translateY(30vh) scale(0.35); }
  78.9473684211% { transform: translateX(-4vw) translateY(-7vh) scale(0.93); }
  84.2105263158% { transform: translateX(-42vw) translateY(26vh) scale(0.8); }
  89.4736842105% { transform: translateX(-2vw) translateY(14vh) scale(0.57); }
  94.7368421053% { transform: translateX(43vw) translateY(-1vh) scale(0.55); }
  100% { transform: translateX(-27vw) translateY(7vh) scale(0.86); } }
.sparkle:nth-child(3) { animation-name: move3; }
.sparkle:nth-child(3)::before { animation-duration: 18s; }
.sparkle:nth-child(3)::after { animation-duration: 18s, 7602ms; animation-delay: 0ms, 8012ms; }

@keyframes move3 { 0% { transform: translateX(33vw) translateY(-4vh) scale(0.39); }
  4.347826087% { transform: translateX(-15vw) translateY(-14vh) scale(0.45); }
  8.6956521739% { transform: translateX(-1vw) translateY(-4vh) scale(0.7); }
  13.0434782609% { transform: translateX(15vw) translateY(-16vh) scale(0.32); }
  17.3913043478% { transform: translateX(12vw) translateY(-29vh) scale(0.67); }
  21.7391304348% { transform: translateX(-13vw) translateY(32vh) scale(0.79); }
  26.0869565217% { transform: translateX(9vw) translateY(-7vh) scale(0.83); }
  30.4347826087% { transform: translateX(32vw) translateY(-8vh) scale(0.43); }
  34.7826086957% { transform: translateX(14vw) translateY(-7vh) scale(0.69); }
  39.1304347826% { transform: translateX(27vw) translateY(-39vh) scale(0.81); }
  43.4782608696% { transform: translateX(-28vw) translateY(-36vh) scale(0.97); }
  47.8260869565% { transform: translateX(-5vw) translateY(45vh) scale(0.64); }
  52.1739130435% { transform: translateX(-16vw) translateY(-13vh) scale(0.34); }
  56.5217391304% { transform: translateX(-25vw) translateY(-30vh) scale(0.71); }
  60.8695652174% { transform: translateX(-27vw) translateY(0vh) scale(0.77); }
  65.2173913043% { transform: translateX(8vw) translateY(42vh) scale(0.38); }
  69.5652173913% { transform: translateX(-21vw) translateY(-26vh) scale(0.9); }
  73.9130434783% { transform: translateX(-29vw) translateY(1vh) scale(0.51); }
  78.2608695652% { transform: translateX(-37vw) translateY(32vh) scale(0.77); }
  82.6086956522% { transform: translateX(48vw) translateY(-5vh) scale(0.95); }
  86.9565217391% { transform: translateX(-34vw) translateY(-6vh) scale(0.4); }
  91.3043478261% { transform: translateX(-34vw) translateY(11vh) scale(0.92); }
  95.652173913% { transform: translateX(-16vw) translateY(-49vh) scale(0.36); }
  100% { transform: translateX(-36vw) translateY(-23vh) scale(0.75); } }
.sparkle:nth-child(4) { animation-name: move4; }
.sparkle:nth-child(4)::before { animation-duration: 18s; }
.sparkle:nth-child(4)::after { animation-duration: 18s, 7968ms; animation-delay: 0ms, 7753ms; }

@keyframes move4 { 0% { transform: translateX(-41vw) translateY(-46vh) scale(0.47); }
  4.347826087% { transform: translateX(38vw) translateY(-12vh) scale(0.77); }
  8.6956521739% { transform: translateX(37vw) translateY(-22vh) scale(0.69); }
  13.0434782609% { transform: translateX(-42vw) translateY(-20vh) scale(0.63); }
  17.3913043478% { transform: translateX(24vw) translateY(-21vh) scale(0.66); }
  21.7391304348% { transform: translateX(3vw) translateY(15vh) scale(0.73); }
  26.0869565217% { transform: translateX(-36vw) translateY(-17vh) scale(0.71); }
  30.4347826087% { transform: translateX(9vw) translateY(-48vh) scale(0.27); }
  34.7826086957% { transform: translateX(4vw) translateY(-33vh) scale(0.82); }
  39.1304347826% { transform: translateX(-47vw) translateY(35vh) scale(0.43); }
  43.4782608696% { transform: translateX(-4vw) translateY(-9vh) scale(0.37); }
  47.8260869565% { transform: translateX(5vw) translateY(-29vh) scale(0.86); }
  52.1739130435% { transform: translateX(24vw) translateY(-29vh) scale(0.73); }
  56.5217391304% { transform: translateX(29vw) translateY(-25vh) scale(0.72); }
  60.8695652174% { transform: translateX(44vw) translateY(15vh) scale(0.37); }
  65.2173913043% { transform: translateX(41vw) translateY(-29vh) scale(0.44); }
  69.5652173913% { transform: translateX(-24vw) translateY(-24vh) scale(0.45); }
  73.9130434783% { transform: translateX(-34vw) translateY(49vh) scale(0.9); }
  78.2608695652% { transform: translateX(-44vw) translateY(-16vh) scale(0.71); }
  82.6086956522% { transform: translateX(-30vw) translateY(-20vh) scale(0.81); }
  86.9565217391% { transform: translateX(24vw) translateY(-5vh) scale(0.76); }
  91.3043478261% { transform: translateX(39vw) translateY(17vh) scale(0.34); }
  95.652173913% { transform: translateX(-3vw) translateY(23vh) scale(0.78); }
  100% { transform: translateX(-43vw) translateY(7vh) scale(0.58); } }
.sparkle:nth-child(5) { animation-name: move5; }
.sparkle:nth-child(5)::before { animation-duration: 14s; }
.sparkle:nth-child(5)::after { animation-duration: 14s, 6510ms; animation-delay: 0ms, 6901ms; }

@keyframes move5 { 0% { transform: translateX(-30vw) translateY(37vh) scale(0.51); }
  5.5555555556% { transform: translateX(-4vw) translateY(-9vh) scale(0.93); }
  11.1111111111% { transform: translateX(41vw) translateY(7vh) scale(0.79); }
  16.6666666667% { transform: translateX(30vw) translateY(47vh) scale(0.96); }
  22.2222222222% { transform: translateX(-47vw) translateY(23vh) scale(0.51); }
  27.7777777778% { transform: translateX(48vw) translateY(-47vh) scale(0.35); }
  33.3333333333% { transform: translateX(3vw) translateY(-14vh) scale(0.74); }
  38.8888888889% { transform: translateX(-15vw) translateY(-34vh) scale(0.35); }
  44.4444444444% { transform: translateX(-25vw) translateY(17vh) scale(0.94); }
  50% { transform: translateX(-42vw) translateY(-32vh) scale(0.96); }
  55.5555555556% { transform: translateX(-4vw) translateY(-26vh) scale(0.35); }
  61.1111111111% { transform: translateX(44vw) translateY(43vh) scale(0.37); }
  66.6666666667% { transform: translateX(0vw) translateY(-29vh) scale(0.55); }
  72.2222222222% { transform: translateX(49vw) translateY(31vh) scale(0.87); }
  77.7777777778% { transform: translateX(36vw) translateY(39vh) scale(0.98); }
  83.3333333333% { transform: translateX(23vw) translateY(4vh) scale(0.31); }
  88.8888888889% { transform: translateX(-46vw) translateY(-30vh) scale(0.61); }
  94.4444444444% { transform: translateX(-42vw) translateY(-17vh) scale(0.72); }
  100% { transform: translateX(15vw) translateY(-26vh) scale(0.84); } }
.sparkle:nth-child(6) { animation-name: move6; }
.sparkle:nth-child(6)::before { animation-duration: 16s; }
.sparkle:nth-child(6)::after { animation-duration: 16s, 9770ms; animation-delay: 0ms, 5110ms; }

@keyframes move6 { 0% { transform: translateX(-10vw) translateY(45vh) scale(0.92); }
  5.2631578947% { transform: translateX(-40vw) translateY(15vh) scale(0.3); }
  10.5263157895% { transform: translateX(36vw) translateY(-18vh) scale(0.61); }
  15.7894736842% { transform: translateX(34vw) translateY(0vh) scale(0.54); }
  21.0526315789% { transform: translateX(-37vw) translateY(-41vh) scale(0.46); }
  26.3157894737% { transform: translateX(-39vw) translateY(-9vh) scale(0.43); }
  31.5789473684% { transform: translateX(-24vw) translateY(11vh) scale(0.67); }
  36.8421052632% { transform: translateX(31vw) translateY(7vh) scale(0.79); }
  42.1052631579% { transform: translateX(-49vw) translateY(46vh) scale(0.35); }
  47.3684210526% { transform: translateX(-16vw) translateY(-39vh) scale(0.74); }
  52.6315789474% { transform: translateX(7vw) translateY(50vh) scale(0.84); }
  57.8947368421% { transform: translateX(-42vw) translateY(-22vh) scale(0.75); }
  63.1578947368% { transform: translateX(48vw) translateY(-22vh) scale(0.36); }
  68.4210526316% { transform: translateX(-24vw) translateY(42vh) scale(0.72); }
  73.6842105263% { transform: translateX(-25vw) translateY(-30vh) scale(0.48); }
  78.9473684211% { transform: translateX(-40vw) translateY(7vh) scale(0.96); }
  84.2105263158% { transform: translateX(37vw) translateY(-25vh) scale(1); }
  89.4736842105% { transform: translateX(31vw) translateY(43vh) scale(0.76); }
  94.7368421053% { transform: translateX(-15vw) translateY(10vh) scale(0.28); }
  100% { transform: translateX(16vw) translateY(-34vh) scale(0.29); } }
.sparkle:nth-child(7) { animation-name: move7; }
.sparkle:nth-child(7)::before { animation-duration: 18s; }
.sparkle:nth-child(7)::after { animation-duration: 18s, 8269ms; animation-delay: 0ms, 1441ms; }

@keyframes move7 { 0% { transform: translateX(11vw) translateY(-35vh) scale(0.41); }
  3.7037037037% { transform: translateX(-10vw) translateY(-43vh) scale(0.96); }
  7.4074074074% { transform: translateX(6vw) translateY(-38vh) scale(0.41); }
  11.1111111111% { transform: translateX(-35vw) translateY(-4vh) scale(0.46); }
  14.8148148148% { transform: translateX(-18vw) translateY(47vh) scale(0.99); }
  18.5185185185% { transform: translateX(-21vw) translateY(-9vh) scale(0.59); }
  22.2222222222% { transform: translateX(-15vw) translateY(-15vh) scale(0.48); }
  25.9259259259% { transform: translateX(-47vw) translateY(-37vh) scale(0.83); }
  29.6296296296% { transform: translateX(-23vw) translateY(16vh) scale(0.39); }
  33.3333333333% { transform: translateX(-11vw) translateY(-30vh) scale(0.54); }
  37.037037037% { transform: translateX(37vw) translateY(15vh) scale(0.78); }
  40.7407407407% { transform: translateX(-6vw) translateY(-6vh) scale(0.54); }
  44.4444444444% { transform: translateX(-48vw) translateY(48vh) scale(0.77); }
  48.1481481481% { transform: translateX(12vw) translateY(50vh) scale(0.95); }
  51.8518518519% { transform: translateX(43vw) translateY(-45vh) scale(0.29); }
  55.5555555556% { transform: translateX(-9vw) translateY(4vh) scale(0.41); }
  59.2592592593% { transform: translateX(-44vw) translateY(38vh) scale(0.86); }
  62.962962963% { transform: translateX(15vw) translateY(43vh) scale(0.46); }
  66.6666666667% { transform: translateX(39vw) translateY(11vh) scale(0.74); }
  70.3703703704% { transform: translateX(42vw) translateY(31vh) scale(0.84); }
  74.0740740741% { transform: translateX(48vw) translateY(-7vh) scale(0.35); }
  77.7777777778% { transform: translateX(-27vw) translateY(-45vh) scale(0.92); }
  81.4814814815% { transform: translateX(-42vw) translateY(-7vh) scale(0.29); }
  85.1851851852% { transform: translateX(-38vw) translateY(-10vh) scale(0.59); }
  88.8888888889% { transform: translateX(9vw) translateY(7vh) scale(0.49); }
  92.5925925926% { transform: translateX(11vw) translateY(-46vh) scale(0.88); }
  96.2962962963% { transform: translateX(-10vw) translateY(-26vh) scale(0.36); }
  100% { transform: translateX(-28vw) translateY(15vh) scale(0.41); } }
.sparkle:nth-child(8) { animation-name: move8; }
.sparkle:nth-child(8)::before { animation-duration: 17s; }
.sparkle:nth-child(8)::after { animation-duration: 17s, 6101ms; animation-delay: 0ms, 2121ms; }

@keyframes move8 { 0% { transform: translateX(46vw) translateY(-42vh) scale(0.41); }
  3.5714285714% { transform: translateX(-41vw) translateY(-8vh) scale(0.89); }
  7.1428571429% { transform: translateX(-44vw) translateY(-49vh) scale(0.35); }
  10.7142857143% { transform: translateX(27vw) translateY(42vh) scale(0.94); }
  14.2857142857% { transform: translateX(-9vw) translateY(46vh) scale(0.29); }
  17.8571428571% { transform: translateX(27vw) translateY(9vh) scale(0.65); }
  21.4285714286% { transform: translateX(47vw) translateY(22vh) scale(0.69); }
  25% { transform: translateX(-26vw) translateY(28vh) scale(0.44); }
  28.5714285714% { transform: translateX(39vw) translateY(44vh) scale(0.28); }
  32.1428571429% { transform: translateX(23vw) translateY(44vh) scale(0.38); }
  35.7142857143% { transform: translateX(-24vw) translateY(38vh) scale(0.85); }
  39.2857142857% { transform: translateX(9vw) translateY(17vh) scale(0.98); }
  42.8571428571% { transform: translateX(10vw) translateY(18vh) scale(0.67); }
  46.4285714286% { transform: translateX(13vw) translateY(6vh) scale(0.78); }
  50% { transform: translateX(-17vw) translateY(20vh) scale(0.76); }
  53.5714285714% { transform: translateX(21vw) translateY(31vh) scale(0.67); }
  57.1428571429% { transform: translateX(9vw) translateY(12vh) scale(0.79); }
  60.7142857143% { transform: translateX(1vw) translateY(-37vh) scale(0.29); }
  64.2857142857% { transform: translateX(-26vw) translateY(7vh) scale(0.66); }
  67.8571428571% { transform: translateX(-22vw) translateY(-6vh) scale(0.96); }
  71.4285714286% { transform: translateX(-34vw) translateY(-39vh) scale(0.3); }
  75% { transform: translateX(-24vw) translateY(3vh) scale(0.88); }
  78.5714285714% { transform: translateX(14vw) translateY(-2vh) scale(0.3); }
  82.1428571429% { transform: translateX(22vw) translateY(38vh) scale(0.73); }
  85.7142857143% { transform: translateX(-24vw) translateY(46vh) scale(0.98); }
  89.2857142857% { transform: translateX(22vw) translateY(-45vh) scale(0.59); }
  92.8571428571% { transform: translateX(13vw) translateY(-45vh) scale(0.34); }
  96.4285714286% { transform: translateX(-14vw) translateY(21vh) scale(0.97); }
  100% { transform: translateX(-45vw) translateY(49vh) scale(0.79); } }
.sparkle:nth-child(9) { animation-name: move9; }
.sparkle:nth-child(9)::before { animation-duration: 11s; }
.sparkle:nth-child(9)::after { animation-duration: 11s, 8619ms; animation-delay: 0ms, 4053ms; }

@keyframes move9 { 0% { transform: translateX(-17vw) translateY(-32vh) scale(0.59); }
  4.7619047619% { transform: translateX(-44vw) translateY(8vh) scale(0.88); }
  9.5238095238% { transform: translateX(-4vw) translateY(-29vh) scale(0.99); }
  14.2857142857% { transform: translateX(28vw) translateY(-37vh) scale(0.91); }
  19.0476190476% { transform: translateX(-1vw) translateY(-25vh) scale(0.66); }
  23.8095238095% { transform: translateX(39vw) translateY(28vh) scale(0.63); }
  28.5714285714% { transform: translateX(46vw) translateY(-28vh) scale(0.66); }
  33.3333333333% { transform: translateX(-19vw) translateY(-34vh) scale(0.83); }
  38.0952380952% { transform: translateX(-39vw) translateY(0vh) scale(0.44); }
  42.8571428571% { transform: translateX(47vw) translateY(-40vh) scale(0.87); }
  47.619047619% { transform: translateX(24vw) translateY(-16vh) scale(0.69); }
  52.380952381% { transform: translateX(36vw) translateY(40vh) scale(0.51); }
  57.1428571429% { transform: translateX(-32vw) translateY(-41vh) scale(0.94); }
  61.9047619048% { transform: translateX(-4vw) translateY(-2vh) scale(0.4); }
  66.6666666667% { transform: translateX(23vw) translateY(-32vh) scale(0.87); }
  71.4285714286% { transform: translateX(-11vw) translateY(-25vh) scale(1); }
  76.1904761905% { transform: translateX(-15vw) translateY(-16vh) scale(0.76); }
  80.9523809524% { transform: translateX(-25vw) translateY(39vh) scale(0.94); }
  85.7142857143% { transform: translateX(-46vw) translateY(-27vh) scale(0.43); }
  90.4761904762% { transform: translateX(-6vw) translateY(-3vh) scale(0.28); }
  95.2380952381% { transform: translateX(-39vw) translateY(-46vh) scale(0.28); }
  100% { transform: translateX(12vw) translateY(-8vh) scale(0.35); } }
.sparkle:nth-child(10) { animation-name: move10; }
.sparkle:nth-child(10)::before { animation-duration: 10s; }
.sparkle:nth-child(10)::after { animation-duration: 10s, 5535ms; animation-delay: 0ms, 2986ms; }

@keyframes move10 { 0% { transform: translateX(15vw) translateY(-6vh) scale(0.4); }
  5.2631578947% { transform: translateX(44vw) translateY(9vh) scale(0.99); }
  10.5263157895% { transform: translateX(26vw) translateY(-43vh) scale(0.36); }
  15.7894736842% { transform: translateX(39vw) translateY(-27vh) scale(0.66); }
  21.0526315789% { transform: translateX(8vw) translateY(4vh) scale(0.96); }
  26.3157894737% { transform: translateX(10vw) translateY(-47vh) scale(0.84); }
  31.5789473684% { transform: translateX(9vw) translateY(-8vh) scale(0.31); }
  36.8421052632% { transform: translateX(-17vw) translateY(42vh) scale(0.34); }
  42.1052631579% { transform: translateX(12vw) translateY(41vh) scale(0.74); }
  47.3684210526% { transform: translateX(-35vw) translateY(19vh) scale(0.55); }
  52.6315789474% { transform: translateX(10vw) translateY(46vh) scale(0.34); }
  57.8947368421% { transform: translateX(-47vw) translateY(-15vh) scale(0.72); }
  63.1578947368% { transform: translateX(-11vw) translateY(1vh) scale(0.44); }
  68.4210526316% { transform: translateX(13vw) translateY(12vh) scale(0.29); }
  73.6842105263% { transform: translateX(32vw) translateY(-36vh) scale(0.79); }
  78.9473684211% { transform: translateX(1vw) translateY(40vh) scale(0.64); }
  84.2105263158% { transform: translateX(23vw) translateY(49vh) scale(0.61); }
  89.4736842105% { transform: translateX(50vw) translateY(-16vh) scale(0.56); }
  94.7368421053% { transform: translateX(40vw) translateY(-20vh) scale(0.7); }
  100% { transform: translateX(42vw) translateY(3vh) scale(0.55); } }
.sparkle:nth-child(11) { animation-name: move11; }
.sparkle:nth-child(11)::before { animation-duration: 18s; }
.sparkle:nth-child(11)::after { animation-duration: 18s, 5561ms; animation-delay: 0ms, 7482ms; }

@keyframes move11 { 0% { transform: translateX(-37vw) translateY(-31vh) scale(0.98); }
  4.347826087% { transform: translateX(12vw) translateY(-37vh) scale(0.95); }
  8.6956521739% { transform: translateX(-48vw) translateY(13vh) scale(0.72); }
  13.0434782609% { transform: translateX(-43vw) translateY(12vh) scale(0.83); }
  17.3913043478% { transform: translateX(1vw) translateY(29vh) scale(0.4); }
  21.7391304348% { transform: translateX(20vw) translateY(21vh) scale(0.38); }
  26.0869565217% { transform: translateX(-49vw) translateY(28vh) scale(0.66); }
  30.4347826087% { transform: translateX(34vw) translateY(26vh) scale(0.29); }
  34.7826086957% { transform: translateX(-34vw) translateY(-22vh) scale(0.34); }
  39.1304347826% { transform: translateX(3vw) translateY(5vh) scale(0.7); }
  43.4782608696% { transform: translateX(37vw) translateY(5vh) scale(0.84); }
  47.8260869565% { transform: translateX(-17vw) translateY(-17vh) scale(0.83); }
  52.1739130435% { transform: translateX(-13vw) translateY(-28vh) scale(0.78); }
  56.5217391304% { transform: translateX(46vw) translateY(-27vh) scale(0.51); }
  60.8695652174% { transform: translateX(39vw) translateY(-35vh) scale(0.56); }
  65.2173913043% { transform: translateX(-32vw) translateY(-13vh) scale(0.85); }
  69.5652173913% { transform: translateX(12vw) translateY(-18vh) scale(0.28); }
  73.9130434783% { transform: translateX(-46vw) translateY(-40vh) scale(0.72); }
  78.2608695652% { transform: translateX(23vw) translateY(-44vh) scale(0.95); }
  82.6086956522% { transform: translateX(-44vw) translateY(-25vh) scale(0.52); }
  86.9565217391% { transform: translateX(-47vw) translateY(-20vh) scale(0.86); }
  91.3043478261% { transform: translateX(37vw) translateY(-15vh) scale(0.86); }
  95.652173913% { transform: translateX(19vw) translateY(-26vh) scale(0.78); }
  100% { transform: translateX(-39vw) translateY(-42vh) scale(0.82); } }
.sparkle:nth-child(12) { animation-name: move12; }
.sparkle:nth-child(12)::before { animation-duration: 14s; }
.sparkle:nth-child(12)::after { animation-duration: 14s, 6083ms; animation-delay: 0ms, 5476ms; }

@keyframes move12 { 0% { transform: translateX(27vw) translateY(-6vh) scale(0.62); }
  3.5714285714% { transform: translateX(-18vw) translateY(37vh) scale(0.31); }
  7.1428571429% { transform: translateX(-21vw) translateY(-14vh) scale(0.98); }
  10.7142857143% { transform: translateX(15vw) translateY(-15vh) scale(0.58); }
  14.2857142857% { transform: translateX(8vw) translateY(0vh) scale(0.34); }
  17.8571428571% { transform: translateX(-27vw) translateY(-24vh) scale(0.69); }
  21.4285714286% { transform: translateX(-9vw) translateY(35vh) scale(0.63); }
  25% { transform: translateX(-30vw) translateY(-34vh) scale(0.32); }
  28.5714285714% { transform: translateX(-11vw) translateY(39vh) scale(0.93); }
  32.1428571429% { transform: translateX(-8vw) translateY(-10vh) scale(0.49); }
  35.7142857143% { transform: translateX(17vw) translateY(4vh) scale(0.93); }
  39.2857142857% { transform: translateX(-30vw) translateY(-45vh) scale(0.55); }
  42.8571428571% { transform: translateX(-13vw) translateY(45vh) scale(0.5); }
  46.4285714286% { transform: translateX(-17vw) translateY(-2vh) scale(0.63); }
  50% { transform: translateX(-23vw) translateY(-5vh) scale(0.73); }
  53.5714285714% { transform: translateX(-49vw) translateY(-6vh) scale(0.58); }
  57.1428571429% { transform: translateX(10vw) translateY(-31vh) scale(0.91); }
  60.7142857143% { transform: translateX(20vw) translateY(40vh) scale(0.83); }
  64.2857142857% { transform: translateX(-7vw) translateY(-26vh) scale(0.32); }
  67.8571428571% { transform: translateX(1vw) translateY(-21vh) scale(0.84); }
  71.4285714286% { transform: translateX(7vw) translateY(-3vh) scale(0.38); }
  75% { transform: translateX(1vw) translateY(22vh) scale(0.89); }
  78.5714285714% { transform: translateX(-36vw) translateY(-36vh) scale(0.26); }
  82.1428571429% { transform: translateX(-29vw) translateY(-23vh) scale(0.92); }
  85.7142857143% { transform: translateX(-37vw) translateY(2vh) scale(0.95); }
  89.2857142857% { transform: translateX(-16vw) translateY(0vh) scale(0.3); }
  92.8571428571% { transform: translateX(31vw) translateY(-46vh) scale(0.82); }
  96.4285714286% { transform: translateX(27vw) translateY(-35vh) scale(0.74); }
  100% { transform: translateX(-33vw) translateY(-26vh) scale(0.84); } }
.sparkle:nth-child(13) { animation-name: move13; }
.sparkle:nth-child(13)::before { animation-duration: 11s; }
.sparkle:nth-child(13)::after { animation-duration: 11s, 5508ms; animation-delay: 0ms, 2966ms; }

@keyframes move13 { 0% { transform: translateX(46vw) translateY(-6vh) scale(0.91); }
  5% { transform: translateX(-35vw) translateY(-12vh) scale(0.43); }
  10% { transform: translateX(-8vw) translateY(-13vh) scale(0.95); }
  15% { transform: translateX(26vw) translateY(42vh) scale(0.86); }
  20% { transform: translateX(-49vw) translateY(7vh) scale(0.31); }
  25% { transform: translateX(49vw) translateY(-39vh) scale(0.35); }
  30% { transform: translateX(26vw) translateY(-5vh) scale(0.71); }
  35% { transform: translateX(-36vw) translateY(6vh) scale(0.87); }
  40% { transform: translateX(15vw) translateY(-10vh) scale(0.8); }
  45% { transform: translateX(14vw) translateY(4vh) scale(0.62); }
  50% { transform: translateX(6vw) translateY(-23vh) scale(0.34); }
  55% { transform: translateX(40vw) translateY(41vh) scale(0.77); }
  60% { transform: translateX(20vw) translateY(46vh) scale(0.31); }
  65% { transform: translateX(17vw) translateY(20vh) scale(0.45); }
  70% { transform: translateX(40vw) translateY(8vh) scale(0.96); }
  75% { transform: translateX(40vw) translateY(18vh) scale(0.56); }
  80% { transform: translateX(7vw) translateY(-32vh) scale(0.87); }
  85% { transform: translateX(34vw) translateY(-6vh) scale(0.59); }
  90% { transform: translateX(9vw) translateY(-14vh) scale(0.92); }
  95% { transform: translateX(35vw) translateY(-23vh) scale(0.54); }
  100% { transform: translateX(8vw) translateY(14vh) scale(0.59); } }
.sparkle:nth-child(14) { animation-name: move14; }
.sparkle:nth-child(14)::before { animation-duration: 18s; }
.sparkle:nth-child(14)::after { animation-duration: 18s, 10107ms; animation-delay: 0ms, 7053ms; }

@keyframes move14 { 0% { transform: translateX(-37vw) translateY(33vh) scale(0.37); }
  3.8461538462% { transform: translateX(37vw) translateY(41vh) scale(0.78); }
  7.6923076923% { transform: translateX(11vw) translateY(-15vh) scale(0.7); }
  11.5384615385% { transform: translateX(-3vw) translateY(-21vh) scale(0.79); }
  15.3846153846% { transform: translateX(22vw) translateY(-45vh) scale(0.71); }
  19.2307692308% { transform: translateX(24vw) translateY(-27vh) scale(0.43); }
  23.0769230769% { transform: translateX(4vw) translateY(-1vh) scale(0.29); }
  26.9230769231% { transform: translateX(33vw) translateY(20vh) scale(0.73); }
  30.7692307692% { transform: translateX(24vw) translateY(42vh) scale(0.3); }
  34.6153846154% { transform: translateX(-16vw) translateY(7vh) scale(0.27); }
  38.4615384615% { transform: translateX(-40vw) translateY(-14vh) scale(0.27); }
  42.3076923077% { transform: translateX(-16vw) translateY(-49vh) scale(0.92); }
  46.1538461538% { transform: translateX(-15vw) translateY(43vh) scale(0.89); }
  50% { transform: translateX(11vw) translateY(24vh) scale(0.32); }
  53.8461538462% { transform: translateX(23vw) translateY(-6vh) scale(0.37); }
  57.6923076923% { transform: translateX(20vw) translateY(-33vh) scale(0.62); }
  61.5384615385% { transform: translateX(-31vw) translateY(2vh) scale(0.68); }
  65.3846153846% { transform: translateX(25vw) translateY(36vh) scale(0.98); }
  69.2307692308% { transform: translateX(37vw) translateY(-25vh) scale(0.52); }
  73.0769230769% { transform: translateX(33vw) translateY(5vh) scale(0.35); }
  76.9230769231% { transform: translateX(42vw) translateY(35vh) scale(0.26); }
  80.7692307692% { transform: translateX(-17vw) translateY(5vh) scale(0.7); }
  84.6153846154% { transform: translateX(-34vw) translateY(-3vh) scale(0.5); }
  88.4615384615% { transform: translateX(-12vw) translateY(-37vh) scale(0.52); }
  92.3076923077% { transform: translateX(-36vw) translateY(41vh) scale(0.64); }
  96.1538461538% { transform: translateX(16vw) translateY(47vh) scale(0.31); }
  100% { transform: translateX(-9vw) translateY(-11vh) scale(0.27); } }
.sparkle:nth-child(15) { animation-name: move15; }
.sparkle:nth-child(15)::before { animation-duration: 13s; }
.sparkle:nth-child(15)::after { animation-duration: 13s, 10283ms; animation-delay: 0ms, 2307ms; }

@keyframes move15 { 0% { transform: translateX(-24vw) translateY(-44vh) scale(0.49); }
  4.1666666667% { transform: translateX(-42vw) translateY(46vh) scale(0.81); }
  8.3333333333% { transform: translateX(29vw) translateY(46vh) scale(0.31); }
  12.5% { transform: translateX(-41vw) translateY(-32vh) scale(0.92); }
  16.6666666667% { transform: translateX(-6vw) translateY(9vh) scale(0.67); }
  20.8333333333% { transform: translateX(21vw) translateY(34vh) scale(0.8); }
  25% { transform: translateX(-14vw) translateY(-31vh) scale(0.43); }
  29.1666666667% { transform: translateX(26vw) translateY(-1vh) scale(0.76); }
  33.3333333333% { transform: translateX(0vw) translateY(36vh) scale(0.3); }
  37.5% { transform: translateX(45vw) translateY(7vh) scale(0.97); }
  41.6666666667% { transform: translateX(45vw) translateY(-4vh) scale(0.89); }
  45.8333333333% { transform: translateX(49vw) translateY(27vh) scale(0.51); }
  50% { transform: translateX(31vw) translateY(-26vh) scale(0.78); }
  54.1666666667% { transform: translateX(-33vw) translateY(-18vh) scale(1); }
  58.3333333333% { transform: translateX(-30vw) translateY(-45vh) scale(0.69); }
  62.5% { transform: translateX(35vw) translateY(-20vh) scale(0.72); }
  66.6666666667% { transform: translateX(44vw) translateY(-3vh) scale(0.62); }
  70.8333333333% { transform: translateX(-2vw) translateY(37vh) scale(0.51); }
  75% { transform: translateX(49vw) translateY(22vh) scale(0.58); }
  79.1666666667% { transform: translateX(18vw) translateY(-21vh) scale(0.73); }
  83.3333333333% { transform: translateX(-43vw) translateY(-5vh) scale(0.36); }
  87.5% { transform: translateX(23vw) translateY(-11vh) scale(0.82); }
  91.6666666667% { transform: translateX(-18vw) translateY(16vh) scale(0.42); }
  95.8333333333% { transform: translateX(20vw) translateY(-6vh) scale(0.93); }
  100% { transform: translateX(1vw) translateY(-36vh) scale(0.67); } }
@keyframes drift { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@keyframes flash { 0%,
	30%,
	100% { opacity: 0; box-shadow: 0 0 0vw 0vw yellow; }
  5% { opacity: 1; box-shadow: 0 0 2vw 0.4vw yellow; } }
@keyframes headShake { 0% { transform: translateX(0); }
  12.5% { transform: translateX(-6px) rotateY(-9deg) skewY(1deg); }
  37.5% { transform: translateX(5px) rotateY(4.5deg) skewY(-1deg); }
  62.5% { transform: translateX(-3px) rotateY(-2.25deg) skewY(0); }
  87.5% { transform: translateX(2px) rotateY(3deg); }
  100% { transform: translateX(0); } }
div[class^="deer-"] { display: inline-block; position: absolute; z-index: 99999; cursor: pointer; }
div[class^="deer-"] img { display: block; width: 100%; height: auto; }

.headShake { animation-duration: .5s; animation-timing-function: cubic-bezier(0, 0.23, 1, 0.71); animation-name: headShake; transform-orgin: center bottom; }

div[class^="deer-"]:hover { animation-duration: .5s; animation-timing-function: cubic-bezier(0, 0.23, 1, 0.71); animation-name: headShake; transform-orgin: center bottom; }

.deer-1 { left: calc(50% - 50%); }

.deer-2 { left: calc(50% - 35%); }

.deer-3 { left: calc(50% - 15%); }

.deer-4 { left: calc(50% + 20%); }

.deer-5 { left: calc(50% + 35%); }

#preload-01 { background: url(https://jonmontenegro.com/HappyHolidays/2020/assets/img/halo.svg) no-repeat -9999px -9999px; }

#preload-02 { background: url(https://jonmontenegro.com/HappyHolidays/2020/assets/img/horns.svg) no-repeat -9999px -9999px; }

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