html { font-family: -apple-system, BlinkMacSystemFont, "SF Hello", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 200; } html, body { margin: 0; padding: 0; } body { background-color: #2D212D; } .wrapper { padding: 0; margin: 0; height: 100vh; background: linear-gradient(160deg, #784141, #271c27); overflow: hidden; width: 100%; } .centering { display: flex; align-items: center; padding: 0; margin: 0; height: 100vh; width: 100%; } .texts { padding: 5%; width: 90%; color: white; display: -ms-grid; display: grid; row-gap: 10px; -webkit-column-gap: 0px; column-gap: 0px; -ms-grid-columns: 100%; grid-template-columns: 100%; justify-items: center; position: absolute; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .title-text { font-size: 144px; -ms-grid-row: 1; grid-row: 1; } .normal-text { font-size: 56px; -ms-grid-column: 1; grid-column: 1; font-weight: 100; } .button-text { font-size: 40px; -ms-grid-column: 1; grid-column: 1; font-weight: 300; } .date-text { -ms-grid-row: 2; grid-row: 2; } .location-text { -ms-grid-row: 3; grid-row: 3; } .site-title { font-size: 56px; color: white; top: 20px; left: 5%; width: 90%; position: absolute; } .button { padding: 10px 40px; border: thin solid rgba(255, 255, 255, 0.2); border-radius: 15px; background: rgba(255, 255, 255, 0.1); min-width: 100px; text-align: center; } .half-button { padding: 10px 20px; min-width: 80px; } .button:hover { border: thin solid rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.2); } .info-button { text-decoration: none; color: white; } .register-button { -ms-grid-row: 4; grid-row: 4; margin-top: 20px; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .participation-buttons { -ms-grid-row: 5; grid-row: 5; -ms-grid-column: 1; grid-column: 1; display: none; } .not-participate-button { margin-right: 10px; } .participate-button { margin-left: 10px; } .name-form { -ms-grid-row: 4; grid-row: 4; -ms-grid-column: 1; grid-column: 1; margin-top: 20px; display: none; } input[type=text] { background-color: rgba(255, 255, 255, 0.3); font-size: 56px; color: white; border: thin solid rgba(255, 255, 255, 0.2); border-radius: 15px; padding: 10px 10px; font-family: -apple-system, BlinkMacSystemFont, "SF Hello", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 100; } ::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: lightgray; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: lightgray; opacity: 1; /* Firefox */ } ::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: lightgray; opacity: 1; /* Firefox */ } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: lightgray; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: lightgray; } ::-ms-input-placeholder { /* Microsoft Edge */ color: lightgray; } .final-text { -ms-grid-row: 4; grid-row: 4; margin: 40px 0; } .registered-text { display: none; } .declined-text { display: none; } .error-text { display: none; } .add-calender-event { -ms-grid-row: 5; grid-row: 5; cursor: pointer; } .music-control { position: absolute; bottom: 15px; left: 15px; height: 30px; display: table; line-height: 30px; text-align: center; cursor: pointer; } .player-icon { height: 20px; padding-top: 5px; } .player-text { color: #fff; display: table-cell; vertical-align: middle; padding-left: 5px; } #pause-button { display: none; } #playing-text { display: none; } .top-bar { position: absolute; width: 100%; height: 150px; display: block; text-align: center; } @media only screen and (max-width: 767px) { .top-bar { width: calc(100% - 40px); padding: 0 20px; } } .content { width: calc(100% - 40px); max-width: 800px; padding: 0 20px; margin: 0 auto; overflow-y: auto; height: 100vh; } .content-grid { width: 100%; display: grid; grid-template-columns: 25% 40% 25%; grid-column-gap: 5%; align-items: center; z-index: 1; padding-top: 10px; } .back-link { text-decoration: none; grid-column: 1; grid-row: 1; display: inline-flex; align-items: center; vertical-align: baseline; line-height: 30px; box-sizing: border-box; z-index: 2; } .back-icon { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAzNiI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTkuNSAyLjYgMy43IDE4bDE1LjggMTUuNGExLjUgMS41IDAgMCAxIDAgMi4xIDEuNiAxLjYgMCAwIDEtMi4yIDBMLjQgMTkuMWExLjUgMS41IDAgMCAxIDAtMi4yTDE3LjQuNGExLjYgMS42IDAgMCAxIDIuMSAwIDEuNSAxLjUgMCAwIDEgMCAyLjJ6Ii8+PC9zdmc+'); background-size: cover; height: 18px; width: 10px; } .back-text { color: #fff; display: table-cell; vertical-align: middle; padding-left: 5px; } .header-subtitle { box-sizing: border-box; grid-column: 2; grid-row: 1; font-size: 36px; font-weight: 200; color: #fff; line-height: 48px; letter-spacing: -.02em; z-index: 1; text-align: center; } @media only screen and (max-width: 767px) { .header-subtitle { font-size: 22px; line-height: 24px; } } @media only screen and (max-width: 374px) { .header-subtitle { font-size: 20px; } } .top-line { height: 1px; background-color: #fff9; margin: 0px 80px; } .header-title { font-size: 48px; font-weight: 200; color: #fff; line-height: 60px; letter-spacing: -.02em; } .scroll-content { top: 120px; position: absolute; width: calc(100% - 40px); max-width: 800px; bottom: 15px; overflow-y: auto; color: white; } @media only screen and (max-width: 767px) { .scroll-content { top: 100px; } } .topic-title { font-weight: 400; font-size: 24px; padding: 25px 0 10px; } .topic-content { font-size: 20px; } @media only screen and (max-width: 350px) { .content { width: calc(100% - 20px); padding: 0 10px; } .scroll-content { width: calc(100% - 20px); } } @media only screen and (max-width: 767px) { .header-title { font-size: 40px; line-height: 54px; } } @media only screen and (max-width: 374px) { .header-title { font-size: 36px; } } @media only screen and (max-width: 800px) { .title-text { font-size: 18vw; } .normal-text { font-size: 7vw; } .button-text { font-size: 5vw; } input[type=text] { font-size: 7vw; } } @media only screen and (min-aspect-ratio: 1 / 1) { .title-text { font-size: 12vh; } .normal-text { font-size: 4vh; } .button-text { font-size: 3vh; } .register-button { margin-top: 0px; } input[type=text] { font-size: 4vh; } } @-webkit-keyframes blinkOff { from { opacity: 1.0; } to { opacity: 0.0; } } @keyframes blinkOff { from { opacity: 1.0; } to { opacity: 0.0; } } @-webkit-keyframes blinkOn { from { opacity: 0.0; } to { opacity: 1.0; } } @keyframes blinkOn { from { opacity: 0.0; } to { opacity: 1.0; } } .bokeh { width: 100%; height: 100%; position: absolute; overflow: hidden; } .bokeh div { position: absolute; overflow: hidden; border-radius: 50%; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .bokeh div:nth-child(1) { width: 9rem; height: 9rem; top: -9rem; left: -6%; color: rgba(255, 224, 169, 0.46); -webkit-box-shadow: 0 24.9rem 0.3rem currentColor; box-shadow: 0 24.9rem 0.3rem currentColor; -webkit-animation-duration: 0.72s; animation-duration: 0.72s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(2) { width: 9rem; height: 9rem; top: -9rem; left: -6%; color: rgba(255, 224, 169, 0.34); -webkit-box-shadow: 0 24.9rem 1.8rem currentColor; box-shadow: 0 24.9rem 1.8rem currentColor; -webkit-animation-duration: 0.72s; animation-duration: 0.72s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(3) { width: 9.8rem; height: 9.8rem; top: -9.8rem; left: 37%; color: rgba(230, 185, 123, 0.43); -webkit-box-shadow: 0 5.5rem 0.4rem currentColor; box-shadow: 0 5.5rem 0.4rem currentColor; -webkit-animation-duration: 1.28s; animation-duration: 1.28s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(4) { width: 9.8rem; height: 9.8rem; top: -9.8rem; left: 37%; color: rgba(230, 185, 123, 0.37); -webkit-box-shadow: 0 5.5rem 2.4rem currentColor; box-shadow: 0 5.5rem 2.4rem currentColor; -webkit-animation-duration: 1.28s; animation-duration: 1.28s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(5) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: -8%; color: rgba(235, 225, 178, 0.44); -webkit-box-shadow: 0 24.4rem 0.6rem currentColor; box-shadow: 0 24.4rem 0.6rem currentColor; -webkit-animation-duration: 1.58s; animation-duration: 1.58s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(6) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: -8%; color: rgba(235, 225, 178, 0.26); -webkit-box-shadow: 0 24.4rem 2.2rem currentColor; box-shadow: 0 24.4rem 2.2rem currentColor; -webkit-animation-duration: 1.58s; animation-duration: 1.58s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(7) { width: 7.4rem; height: 7.4rem; top: -7.4rem; left: 87%; color: rgba(222, 208, 162, 0.36); -webkit-box-shadow: 0 24.2rem 0.4rem currentColor; box-shadow: 0 24.2rem 0.4rem currentColor; -webkit-animation-duration: 0.88s; animation-duration: 0.88s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(8) { width: 7.4rem; height: 7.4rem; top: -7.4rem; left: 87%; color: rgba(222, 208, 162, 0.32); -webkit-box-shadow: 0 24.2rem 0.8rem currentColor; box-shadow: 0 24.2rem 0.8rem currentColor; -webkit-animation-duration: 0.88s; animation-duration: 0.88s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(9) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: -5%; color: rgba(248, 242, 231, 0.42); -webkit-box-shadow: 0 22.3rem 0.3rem currentColor; box-shadow: 0 22.3rem 0.3rem currentColor; -webkit-animation-duration: 1.35s; animation-duration: 1.35s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(10) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: -5%; color: rgba(248, 242, 231, 0.25); -webkit-box-shadow: 0 22.3rem 1.5rem currentColor; box-shadow: 0 22.3rem 1.5rem currentColor; -webkit-animation-duration: 1.35s; animation-duration: 1.35s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(11) { width: 7.8rem; height: 7.8rem; top: -7.8rem; left: 40%; color: rgba(222, 208, 162, 0.36); -webkit-box-shadow: 0 1.7rem 0.3rem currentColor; box-shadow: 0 1.7rem 0.3rem currentColor; -webkit-animation-duration: 0.88s; animation-duration: 0.88s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(12) { width: 7.8rem; height: 7.8rem; top: -7.8rem; left: 40%; color: rgba(222, 208, 162, 0.37); -webkit-box-shadow: 0 1.7rem 0.9rem currentColor; box-shadow: 0 1.7rem 0.9rem currentColor; -webkit-animation-duration: 0.88s; animation-duration: 0.88s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(13) { width: 7.4rem; height: 7.4rem; top: -7.4rem; left: 33%; color: rgba(222, 208, 162, 0.39); -webkit-box-shadow: 0 3.5rem 0.9rem currentColor; box-shadow: 0 3.5rem 0.9rem currentColor; -webkit-animation-duration: 0.96s; animation-duration: 0.96s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(14) { width: 7.4rem; height: 7.4rem; top: -7.4rem; left: 33%; color: rgba(222, 208, 162, 0.38); -webkit-box-shadow: 0 3.5rem 0.8rem currentColor; box-shadow: 0 3.5rem 0.8rem currentColor; -webkit-animation-duration: 0.96s; animation-duration: 0.96s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(15) { width: 8.6rem; height: 8.6rem; top: -8.6rem; left: 12%; color: rgba(230, 185, 123, 0.47); -webkit-box-shadow: 0 14.9rem 0.5rem currentColor; box-shadow: 0 14.9rem 0.5rem currentColor; -webkit-animation-duration: 1.19s; animation-duration: 1.19s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(16) { width: 8.6rem; height: 8.6rem; top: -8.6rem; left: 12%; color: rgba(230, 185, 123, 0.3); -webkit-box-shadow: 0 14.9rem 1.7rem currentColor; box-shadow: 0 14.9rem 1.7rem currentColor; -webkit-animation-duration: 1.19s; animation-duration: 1.19s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(17) { width: 6.2rem; height: 6.2rem; top: -6.2rem; left: -10%; color: rgba(222, 208, 162, 0.45); -webkit-box-shadow: 0 16.1rem 0.3rem currentColor; box-shadow: 0 16.1rem 0.3rem currentColor; -webkit-animation-duration: 1.33s; animation-duration: 1.33s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(18) { width: 6.2rem; height: 6.2rem; top: -6.2rem; left: -10%; color: rgba(222, 208, 162, 0.26); -webkit-box-shadow: 0 16.1rem 1.9rem currentColor; box-shadow: 0 16.1rem 1.9rem currentColor; -webkit-animation-duration: 1.33s; animation-duration: 1.33s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(19) { width: 7.8rem; height: 7.8rem; top: -7.8rem; left: -18%; color: rgba(235, 225, 178, 0.46); -webkit-box-shadow: 0 8.4rem 0.9rem currentColor; box-shadow: 0 8.4rem 0.9rem currentColor; -webkit-animation-duration: 1.31s; animation-duration: 1.31s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(20) { width: 7.8rem; height: 7.8rem; top: -7.8rem; left: -18%; color: rgba(235, 225, 178, 0.22); -webkit-box-shadow: 0 8.4rem 1.1rem currentColor; box-shadow: 0 8.4rem 1.1rem currentColor; -webkit-animation-duration: 1.31s; animation-duration: 1.31s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(21) { width: 5.4rem; height: 5.4rem; top: -5.4rem; left: 60%; color: rgba(248, 242, 231, 0.48); -webkit-box-shadow: 0 1.4rem 0.4rem currentColor; box-shadow: 0 1.4rem 0.4rem currentColor; -webkit-animation-duration: 0.98s; animation-duration: 0.98s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(22) { width: 5.4rem; height: 5.4rem; top: -5.4rem; left: 60%; color: rgba(248, 242, 231, 0.23); -webkit-box-shadow: 0 1.4rem 1.8rem currentColor; box-shadow: 0 1.4rem 1.8rem currentColor; -webkit-animation-duration: 0.98s; animation-duration: 0.98s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(23) { width: 7.8rem; height: 7.8rem; top: -7.8rem; left: 50%; color: rgba(222, 208, 162, 0.49); -webkit-box-shadow: 0 2.3rem 0.2rem currentColor; box-shadow: 0 2.3rem 0.2rem currentColor; -webkit-animation-duration: 1.43s; animation-duration: 1.43s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(24) { width: 7.8rem; height: 7.8rem; top: -7.8rem; left: 50%; color: rgba(222, 208, 162, 0.34); -webkit-box-shadow: 0 2.3rem 2.2rem currentColor; box-shadow: 0 2.3rem 2.2rem currentColor; -webkit-animation-duration: 1.43s; animation-duration: 1.43s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(25) { width: 8.6rem; height: 8.6rem; top: -8.6rem; left: 20%; color: rgba(230, 185, 123, 0.31); -webkit-box-shadow: 0 20rem 0.9rem currentColor; box-shadow: 0 20rem 0.9rem currentColor; -webkit-animation-duration: 1.01s; animation-duration: 1.01s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(26) { width: 8.6rem; height: 8.6rem; top: -8.6rem; left: 20%; color: rgba(230, 185, 123, 0.25); -webkit-box-shadow: 0 20rem 2.4rem currentColor; box-shadow: 0 20rem 2.4rem currentColor; -webkit-animation-duration: 1.01s; animation-duration: 1.01s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(27) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: 12%; color: rgba(230, 185, 123, 0.33); -webkit-box-shadow: 0 14.8rem 0.7rem currentColor; box-shadow: 0 14.8rem 0.7rem currentColor; -webkit-animation-duration: 0.64s; animation-duration: 0.64s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(28) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: 12%; color: rgba(230, 185, 123, 0.23); -webkit-box-shadow: 0 14.8rem 1.5rem currentColor; box-shadow: 0 14.8rem 1.5rem currentColor; -webkit-animation-duration: 0.64s; animation-duration: 0.64s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(29) { width: 8.6rem; height: 8.6rem; top: -8.6rem; left: 15%; color: rgba(224, 197, 165, 0.34); -webkit-box-shadow: 0 10.3rem 0.5rem currentColor; box-shadow: 0 10.3rem 0.5rem currentColor; -webkit-animation-duration: 1.03s; animation-duration: 1.03s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(30) { width: 8.6rem; height: 8.6rem; top: -8.6rem; left: 15%; color: rgba(224, 197, 165, 0.38); -webkit-box-shadow: 0 10.3rem 1.8rem currentColor; box-shadow: 0 10.3rem 1.8rem currentColor; -webkit-animation-duration: 1.03s; animation-duration: 1.03s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(31) { width: 9.4rem; height: 9.4rem; top: -9.4rem; left: 70%; color: rgba(248, 242, 231, 0.5); -webkit-box-shadow: 0 1.4rem 0.7rem currentColor; box-shadow: 0 1.4rem 0.7rem currentColor; -webkit-animation-duration: 0.76s; animation-duration: 0.76s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(32) { width: 9.4rem; height: 9.4rem; top: -9.4rem; left: 70%; color: rgba(248, 242, 231, 0.3); -webkit-box-shadow: 0 1.4rem 2.2rem currentColor; box-shadow: 0 1.4rem 2.2rem currentColor; -webkit-animation-duration: 0.76s; animation-duration: 0.76s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(33) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: 24%; color: rgba(224, 197, 165, 0.38); -webkit-box-shadow: 0 23.8rem 0.6rem currentColor; box-shadow: 0 23.8rem 0.6rem currentColor; -webkit-animation-duration: 1.47s; animation-duration: 1.47s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(34) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: 24%; color: rgba(224, 197, 165, 0.21); -webkit-box-shadow: 0 23.8rem 2.3rem currentColor; box-shadow: 0 23.8rem 2.3rem currentColor; -webkit-animation-duration: 1.47s; animation-duration: 1.47s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(35) { width: 7rem; height: 7rem; top: -7rem; left: 76%; color: rgba(248, 242, 231, 0.39); -webkit-box-shadow: 0 12.8rem 0.8rem currentColor; box-shadow: 0 12.8rem 0.8rem currentColor; -webkit-animation-duration: 1.23s; animation-duration: 1.23s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(36) { width: 7rem; height: 7rem; top: -7rem; left: 76%; color: rgba(248, 242, 231, 0.23); -webkit-box-shadow: 0 12.8rem 2.5rem currentColor; box-shadow: 0 12.8rem 2.5rem currentColor; -webkit-animation-duration: 1.23s; animation-duration: 1.23s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(37) { width: 9.8rem; height: 9.8rem; top: -9.8rem; left: 74%; color: rgba(255, 255, 217, 0.5); -webkit-box-shadow: 0 3.6rem 0.7rem currentColor; box-shadow: 0 3.6rem 0.7rem currentColor; -webkit-animation-duration: 0.67s; animation-duration: 0.67s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(38) { width: 9.8rem; height: 9.8rem; top: -9.8rem; left: 74%; color: rgba(255, 255, 217, 0.21); -webkit-box-shadow: 0 3.6rem 2.2rem currentColor; box-shadow: 0 3.6rem 2.2rem currentColor; -webkit-animation-duration: 0.67s; animation-duration: 0.67s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(39) { width: 9.4rem; height: 9.4rem; top: -9.4rem; left: 85%; color: rgba(255, 224, 169, 0.45); -webkit-box-shadow: 0 1.9rem 0.5rem currentColor; box-shadow: 0 1.9rem 0.5rem currentColor; -webkit-animation-duration: 0.74s; animation-duration: 0.74s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(40) { width: 9.4rem; height: 9.4rem; top: -9.4rem; left: 85%; color: rgba(255, 224, 169, 0.36); -webkit-box-shadow: 0 1.9rem 1.9rem currentColor; box-shadow: 0 1.9rem 1.9rem currentColor; -webkit-animation-duration: 0.74s; animation-duration: 0.74s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(41) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: -15%; color: rgba(248, 242, 231, 0.33); -webkit-box-shadow: 0 10.3rem 0.8rem currentColor; box-shadow: 0 10.3rem 0.8rem currentColor; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(42) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: -15%; color: rgba(248, 242, 231, 0.3); -webkit-box-shadow: 0 10.3rem 2rem currentColor; box-shadow: 0 10.3rem 2rem currentColor; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(43) { width: 5.8rem; height: 5.8rem; top: -5.8rem; left: 15%; color: rgba(230, 185, 123, 0.36); -webkit-box-shadow: 0 24rem 0.4rem currentColor; box-shadow: 0 24rem 0.4rem currentColor; -webkit-animation-duration: 0.63s; animation-duration: 0.63s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(44) { width: 5.8rem; height: 5.8rem; top: -5.8rem; left: 15%; color: rgba(230, 185, 123, 0.33); -webkit-box-shadow: 0 24rem 2rem currentColor; box-shadow: 0 24rem 2rem currentColor; -webkit-animation-duration: 0.63s; animation-duration: 0.63s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(45) { width: 5.8rem; height: 5.8rem; top: -5.8rem; left: 100%; color: rgba(248, 242, 231, 0.47); -webkit-box-shadow: 0 4.3rem 0.5rem currentColor; box-shadow: 0 4.3rem 0.5rem currentColor; -webkit-animation-duration: 1.28s; animation-duration: 1.28s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(46) { width: 5.8rem; height: 5.8rem; top: -5.8rem; left: 100%; color: rgba(248, 242, 231, 0.34); -webkit-box-shadow: 0 4.3rem 1.4rem currentColor; box-shadow: 0 4.3rem 1.4rem currentColor; -webkit-animation-duration: 1.28s; animation-duration: 1.28s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(47) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: 25%; color: rgba(222, 208, 162, 0.44); -webkit-box-shadow: 0 18rem 1.1rem currentColor; box-shadow: 0 18rem 1.1rem currentColor; -webkit-animation-duration: 0.98s; animation-duration: 0.98s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(48) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: 25%; color: rgba(222, 208, 162, 0.39); -webkit-box-shadow: 0 18rem 2.1rem currentColor; box-shadow: 0 18rem 2.1rem currentColor; -webkit-animation-duration: 0.98s; animation-duration: 0.98s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(49) { width: 7.4rem; height: 7.4rem; top: -7.4rem; left: 7%; color: rgba(255, 224, 169, 0.32); -webkit-box-shadow: 0 12.5rem 0.7rem currentColor; box-shadow: 0 12.5rem 0.7rem currentColor; -webkit-animation-duration: 0.77s; animation-duration: 0.77s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(50) { width: 7.4rem; height: 7.4rem; top: -7.4rem; left: 7%; color: rgba(255, 224, 169, 0.34); -webkit-box-shadow: 0 12.5rem 1.8rem currentColor; box-shadow: 0 12.5rem 1.8rem currentColor; -webkit-animation-duration: 0.77s; animation-duration: 0.77s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(51) { width: 9.8rem; height: 9.8rem; top: -9.8rem; left: -6%; color: rgba(230, 185, 123, 0.39); -webkit-box-shadow: 0 21.7rem 0.8rem currentColor; box-shadow: 0 21.7rem 0.8rem currentColor; -webkit-animation-duration: 1.08s; animation-duration: 1.08s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(52) { width: 9.8rem; height: 9.8rem; top: -9.8rem; left: -6%; color: rgba(230, 185, 123, 0.26); -webkit-box-shadow: 0 21.7rem 1.2rem currentColor; box-shadow: 0 21.7rem 1.2rem currentColor; -webkit-animation-duration: 1.08s; animation-duration: 1.08s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(53) { width: 6.2rem; height: 6.2rem; top: -6.2rem; left: 12%; color: rgba(222, 208, 162, 0.37); -webkit-box-shadow: 0 21rem 0.2rem currentColor; box-shadow: 0 21rem 0.2rem currentColor; -webkit-animation-duration: 0.89s; animation-duration: 0.89s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(54) { width: 6.2rem; height: 6.2rem; top: -6.2rem; left: 12%; color: rgba(222, 208, 162, 0.35); -webkit-box-shadow: 0 21rem 1.8rem currentColor; box-shadow: 0 21rem 1.8rem currentColor; -webkit-animation-duration: 0.89s; animation-duration: 0.89s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(55) { width: 9rem; height: 9rem; top: -9rem; left: 88%; color: rgba(255, 224, 169, 0.32); -webkit-box-shadow: 0 11.9rem 0.6rem currentColor; box-shadow: 0 11.9rem 0.6rem currentColor; -webkit-animation-duration: 1.21s; animation-duration: 1.21s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(56) { width: 9rem; height: 9rem; top: -9rem; left: 88%; color: rgba(255, 224, 169, 0.27); -webkit-box-shadow: 0 11.9rem 1.1rem currentColor; box-shadow: 0 11.9rem 1.1rem currentColor; -webkit-animation-duration: 1.21s; animation-duration: 1.21s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(57) { width: 5.8rem; height: 5.8rem; top: -5.8rem; left: 18%; color: rgba(235, 225, 178, 0.42); -webkit-box-shadow: 0 20.5rem 0.6rem currentColor; box-shadow: 0 20.5rem 0.6rem currentColor; -webkit-animation-duration: 0.93s; animation-duration: 0.93s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(58) { width: 5.8rem; height: 5.8rem; top: -5.8rem; left: 18%; color: rgba(235, 225, 178, 0.37); -webkit-box-shadow: 0 20.5rem 1rem currentColor; box-shadow: 0 20.5rem 1rem currentColor; -webkit-animation-duration: 0.93s; animation-duration: 0.93s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(59) { width: 8.2rem; height: 8.2rem; top: -8.2rem; left: 32%; color: rgba(235, 225, 178, 0.34); -webkit-box-shadow: 0 16.1rem 0.5rem currentColor; box-shadow: 0 16.1rem 0.5rem currentColor; -webkit-animation-duration: 0.73s; animation-duration: 0.73s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(60) { width: 8.2rem; height: 8.2rem; top: -8.2rem; left: 32%; color: rgba(235, 225, 178, 0.34); -webkit-box-shadow: 0 16.1rem 0.9rem currentColor; box-shadow: 0 16.1rem 0.9rem currentColor; -webkit-animation-duration: 0.73s; animation-duration: 0.73s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(61) { width: 5.8rem; height: 5.8rem; top: -5.8rem; left: 7%; color: rgba(235, 225, 178, 0.47); -webkit-box-shadow: 0 23.7rem 1rem currentColor; box-shadow: 0 23.7rem 1rem currentColor; -webkit-animation-duration: 1.22s; animation-duration: 1.22s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(62) { width: 5.8rem; height: 5.8rem; top: -5.8rem; left: 7%; color: rgba(235, 225, 178, 0.3); -webkit-box-shadow: 0 23.7rem 2.3rem currentColor; box-shadow: 0 23.7rem 2.3rem currentColor; -webkit-animation-duration: 1.22s; animation-duration: 1.22s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(63) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: 100%; color: rgba(230, 185, 123, 0.36); -webkit-box-shadow: 0 21.3rem 1.1rem currentColor; box-shadow: 0 21.3rem 1.1rem currentColor; -webkit-animation-duration: 1.18s; animation-duration: 1.18s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(64) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: 100%; color: rgba(230, 185, 123, 0.38); -webkit-box-shadow: 0 21.3rem 0.7rem currentColor; box-shadow: 0 21.3rem 0.7rem currentColor; -webkit-animation-duration: 1.18s; animation-duration: 1.18s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(65) { width: 9rem; height: 9rem; top: -9rem; left: -4%; color: rgba(255, 224, 169, 0.43); -webkit-box-shadow: 0 10.7rem 0.9rem currentColor; box-shadow: 0 10.7rem 0.9rem currentColor; -webkit-animation-duration: 1.08s; animation-duration: 1.08s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(66) { width: 9rem; height: 9rem; top: -9rem; left: -4%; color: rgba(255, 224, 169, 0.27); -webkit-box-shadow: 0 10.7rem 1rem currentColor; box-shadow: 0 10.7rem 1rem currentColor; -webkit-animation-duration: 1.08s; animation-duration: 1.08s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(67) { width: 8.2rem; height: 8.2rem; top: -8.2rem; left: 53%; color: rgba(224, 197, 165, 0.41); -webkit-box-shadow: 0 12.3rem 0.8rem currentColor; box-shadow: 0 12.3rem 0.8rem currentColor; -webkit-animation-duration: 1.49s; animation-duration: 1.49s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(68) { width: 8.2rem; height: 8.2rem; top: -8.2rem; left: 53%; color: rgba(224, 197, 165, 0.22); -webkit-box-shadow: 0 12.3rem 2.6rem currentColor; box-shadow: 0 12.3rem 2.6rem currentColor; -webkit-animation-duration: 1.49s; animation-duration: 1.49s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(69) { width: 9.8rem; height: 9.8rem; top: -9.8rem; left: 46%; color: rgba(222, 208, 162, 0.47); -webkit-box-shadow: 0 6.3rem 0.4rem currentColor; box-shadow: 0 6.3rem 0.4rem currentColor; -webkit-animation-duration: 0.95s; animation-duration: 0.95s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(70) { width: 9.8rem; height: 9.8rem; top: -9.8rem; left: 46%; color: rgba(222, 208, 162, 0.22); -webkit-box-shadow: 0 6.3rem 2.5rem currentColor; box-shadow: 0 6.3rem 2.5rem currentColor; -webkit-animation-duration: 0.95s; animation-duration: 0.95s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(71) { width: 9rem; height: 9rem; top: -9rem; left: 66%; color: rgba(235, 225, 178, 0.48); -webkit-box-shadow: 0 7rem 0.6rem currentColor; box-shadow: 0 7rem 0.6rem currentColor; -webkit-animation-duration: 1.21s; animation-duration: 1.21s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(72) { width: 9rem; height: 9rem; top: -9rem; left: 66%; color: rgba(235, 225, 178, 0.3); -webkit-box-shadow: 0 7rem 0.8rem currentColor; box-shadow: 0 7rem 0.8rem currentColor; -webkit-animation-duration: 1.21s; animation-duration: 1.21s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(73) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: 38%; color: rgba(248, 242, 231, 0.32); -webkit-box-shadow: 0 21.1rem 0.4rem currentColor; box-shadow: 0 21.1rem 0.4rem currentColor; -webkit-animation-duration: 1.38s; animation-duration: 1.38s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(74) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: 38%; color: rgba(248, 242, 231, 0.36); -webkit-box-shadow: 0 21.1rem 1.7rem currentColor; box-shadow: 0 21.1rem 1.7rem currentColor; -webkit-animation-duration: 1.38s; animation-duration: 1.38s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(75) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: -15%; color: rgba(255, 255, 217, 0.46); -webkit-box-shadow: 0 8rem 0.2rem currentColor; box-shadow: 0 8rem 0.2rem currentColor; -webkit-animation-duration: 0.84s; animation-duration: 0.84s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(76) { width: 6.6rem; height: 6.6rem; top: -6.6rem; left: -15%; color: rgba(255, 255, 217, 0.26); -webkit-box-shadow: 0 8rem 2.6rem currentColor; box-shadow: 0 8rem 2.6rem currentColor; -webkit-animation-duration: 0.84s; animation-duration: 0.84s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(77) { width: 9rem; height: 9rem; top: -9rem; left: 80%; color: rgba(255, 255, 217, 0.5); -webkit-box-shadow: 0 10.9rem 1rem currentColor; box-shadow: 0 10.9rem 1rem currentColor; -webkit-animation-duration: 1.18s; animation-duration: 1.18s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(78) { width: 9rem; height: 9rem; top: -9rem; left: 80%; color: rgba(255, 255, 217, 0.4); -webkit-box-shadow: 0 10.9rem 0.7rem currentColor; box-shadow: 0 10.9rem 0.7rem currentColor; -webkit-animation-duration: 1.18s; animation-duration: 1.18s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(79) { width: 8.6rem; height: 8.6rem; top: -8.6rem; left: 39%; color: rgba(248, 242, 231, 0.39); -webkit-box-shadow: 0 15.6rem 0.3rem currentColor; box-shadow: 0 15.6rem 0.3rem currentColor; -webkit-animation-duration: 0.81s; animation-duration: 0.81s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(80) { width: 8.6rem; height: 8.6rem; top: -8.6rem; left: 39%; color: rgba(248, 242, 231, 0.4); -webkit-box-shadow: 0 15.6rem 2rem currentColor; box-shadow: 0 15.6rem 2rem currentColor; -webkit-animation-duration: 0.81s; animation-duration: 0.81s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(81) { width: 8.2rem; height: 8.2rem; top: -8.2rem; left: 80%; color: rgba(230, 185, 123, 0.44); -webkit-box-shadow: 0 21.3rem 0.3rem currentColor; box-shadow: 0 21.3rem 0.3rem currentColor; -webkit-animation-duration: 1.48s; animation-duration: 1.48s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(82) { width: 8.2rem; height: 8.2rem; top: -8.2rem; left: 80%; color: rgba(230, 185, 123, 0.39); -webkit-box-shadow: 0 21.3rem 0.7rem currentColor; box-shadow: 0 21.3rem 0.7rem currentColor; -webkit-animation-duration: 1.48s; animation-duration: 1.48s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(83) { width: 9.4rem; height: 9.4rem; top: -9.4rem; left: 13%; color: rgba(235, 225, 178, 0.41); -webkit-box-shadow: 0 5.2rem 0.7rem currentColor; box-shadow: 0 5.2rem 0.7rem currentColor; -webkit-animation-duration: 0.97s; animation-duration: 0.97s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(84) { width: 9.4rem; height: 9.4rem; top: -9.4rem; left: 13%; color: rgba(235, 225, 178, 0.29); -webkit-box-shadow: 0 5.2rem 1.6rem currentColor; box-shadow: 0 5.2rem 1.6rem currentColor; -webkit-animation-duration: 0.97s; animation-duration: 0.97s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(85) { width: 7rem; height: 7rem; top: -7rem; left: 79%; color: rgba(255, 255, 217, 0.4); -webkit-box-shadow: 0 20rem 0.6rem currentColor; box-shadow: 0 20rem 0.6rem currentColor; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(86) { width: 7rem; height: 7rem; top: -7rem; left: 79%; color: rgba(255, 255, 217, 0.24); -webkit-box-shadow: 0 20rem 2rem currentColor; box-shadow: 0 20rem 2rem currentColor; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(87) { width: 9.8rem; height: 9.8rem; top: -9.8rem; left: 99%; color: rgba(222, 208, 162, 0.42); -webkit-box-shadow: 0 11rem 0.5rem currentColor; box-shadow: 0 11rem 0.5rem currentColor; -webkit-animation-duration: 1.33s; animation-duration: 1.33s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(88) { width: 9.8rem; height: 9.8rem; top: -9.8rem; left: 99%; color: rgba(222, 208, 162, 0.3); -webkit-box-shadow: 0 11rem 0.7rem currentColor; box-shadow: 0 11rem 0.7rem currentColor; -webkit-animation-duration: 1.33s; animation-duration: 1.33s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(89) { width: 9.4rem; height: 9.4rem; top: -9.4rem; left: 34%; color: rgba(235, 225, 178, 0.43); -webkit-box-shadow: 0 22.7rem 0.5rem currentColor; box-shadow: 0 22.7rem 0.5rem currentColor; -webkit-animation-duration: 0.69s; animation-duration: 0.69s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(90) { width: 9.4rem; height: 9.4rem; top: -9.4rem; left: 34%; color: rgba(235, 225, 178, 0.34); -webkit-box-shadow: 0 22.7rem 2.4rem currentColor; box-shadow: 0 22.7rem 2.4rem currentColor; -webkit-animation-duration: 0.69s; animation-duration: 0.69s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(91) { width: 7rem; height: 7rem; top: -7rem; left: 75%; color: rgba(248, 242, 231, 0.41); -webkit-box-shadow: 0 20rem 0.8rem currentColor; box-shadow: 0 20rem 0.8rem currentColor; -webkit-animation-duration: 1.38s; animation-duration: 1.38s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(92) { width: 7rem; height: 7rem; top: -7rem; left: 75%; color: rgba(248, 242, 231, 0.38); -webkit-box-shadow: 0 20rem 2.3rem currentColor; box-shadow: 0 20rem 2.3rem currentColor; -webkit-animation-duration: 1.38s; animation-duration: 1.38s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(93) { width: 8.2rem; height: 8.2rem; top: -8.2rem; left: 76%; color: rgba(230, 185, 123, 0.46); -webkit-box-shadow: 0 9.4rem 0.6rem currentColor; box-shadow: 0 9.4rem 0.6rem currentColor; -webkit-animation-duration: 1.41s; animation-duration: 1.41s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(94) { width: 8.2rem; height: 8.2rem; top: -8.2rem; left: 76%; color: rgba(230, 185, 123, 0.32); -webkit-box-shadow: 0 9.4rem 1.4rem currentColor; box-shadow: 0 9.4rem 1.4rem currentColor; -webkit-animation-duration: 1.41s; animation-duration: 1.41s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(95) { width: 8.6rem; height: 8.6rem; top: -8.6rem; left: 75%; color: rgba(248, 242, 231, 0.4); -webkit-box-shadow: 0 15.1rem 0.6rem currentColor; box-shadow: 0 15.1rem 0.6rem currentColor; -webkit-animation-duration: 1.14s; animation-duration: 1.14s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(96) { width: 8.6rem; height: 8.6rem; top: -8.6rem; left: 75%; color: rgba(248, 242, 231, 0.27); -webkit-box-shadow: 0 15.1rem 1.5rem currentColor; box-shadow: 0 15.1rem 1.5rem currentColor; -webkit-animation-duration: 1.14s; animation-duration: 1.14s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(97) { width: 6.2rem; height: 6.2rem; top: -6.2rem; left: 30%; color: rgba(224, 197, 165, 0.5); -webkit-box-shadow: 0 9rem 0.2rem currentColor; box-shadow: 0 9rem 0.2rem currentColor; -webkit-animation-duration: 1.32s; animation-duration: 1.32s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(98) { width: 6.2rem; height: 6.2rem; top: -6.2rem; left: 30%; color: rgba(224, 197, 165, 0.26); -webkit-box-shadow: 0 9rem 1.7rem currentColor; box-shadow: 0 9rem 1.7rem currentColor; -webkit-animation-duration: 1.32s; animation-duration: 1.32s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } .bokeh div:nth-child(99) { width: 9rem; height: 9rem; top: -9rem; left: 11%; color: rgba(255, 224, 169, 0.42); -webkit-box-shadow: 0 5.2rem 0.5rem currentColor; box-shadow: 0 5.2rem 0.5rem currentColor; -webkit-animation-duration: 1.46s; animation-duration: 1.46s; -webkit-animation-name: blinkOn; animation-name: blinkOn; } .bokeh div:nth-child(100) { width: 9rem; height: 9rem; top: -9rem; left: 11%; color: rgba(255, 224, 169, 0.33); -webkit-box-shadow: 0 5.2rem 2rem currentColor; box-shadow: 0 5.2rem 2rem currentColor; -webkit-animation-duration: 1.46s; animation-duration: 1.46s; -webkit-animation-name: blinkOff; animation-name: blinkOff; } /*# sourceMappingURL=festival.css.map */