FestivalServer/Public/festival/assets/festival.css

1907 lines
45 KiB
CSS
Raw Permalink Normal View History

2022-03-26 22:27:23 +01:00
[lang] {
display: none;
}
[lang=en] {
display: unset;
}
2021-11-20 12:19:50 +01:00
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;
background: linear-gradient(160deg, #784141, #271c27);
2022-03-26 20:05:11 +01:00
overflow: hidden;
2022-03-26 20:35:27 +01:00
height: 100%;
2022-03-26 20:15:27 +01:00
width: 100%;
}
.centering {
display: flex;
align-items: center;
padding: 0;
margin: 0;
2022-03-26 20:35:27 +01:00
height: 100%;
2022-03-26 20:15:27 +01:00
width: 100%;
2021-11-20 12:19:50 +01:00
}
.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;
}
2022-03-26 19:56:49 +01:00
.button-text {
font-size: 40px;
-ms-grid-column: 1;
grid-column: 1;
font-weight: 300;
}
2021-11-20 12:19:50 +01:00
.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 {
2022-03-26 23:00:01 +01:00
padding: 8px 30px;
2021-11-20 12:19:50 +01:00
border-radius: 15px;
background: rgba(255, 255, 255, 0.1);
min-width: 100px;
text-align: center;
2022-03-26 23:14:29 +01:00
cursor: pointer;
2021-11-20 12:19:50 +01:00
}
.half-button {
padding: 10px 20px;
min-width: 80px;
}
.button:hover {
background: rgba(255, 255, 255, 0.2);
}
2022-03-26 19:56:49 +01:00
.info-button {
text-decoration: none;
color: white;
}
2021-11-20 12:19:50 +01:00
.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;
2022-03-26 19:56:49 +01:00
cursor: pointer;
2021-11-20 12:19:50 +01:00
}
2022-03-26 09:55:22 +01:00
.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;
}
2022-03-26 19:56:49 +01:00
.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;
2022-03-26 20:35:27 +01:00
height: 100%;
2022-03-26 22:53:18 +01:00
margin: 0 auto;
2022-03-26 19:56:49 +01:00
}
.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 {
2022-03-26 20:35:27 +01:00
position: relative;
2022-03-26 19:56:49 +01:00
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;
}
2022-05-04 13:41:23 +02:00
.scroll-content img {
width: 100%;
max-width: 320px;
border-radius: 10px;
}
2022-03-26 19:56:49 +01:00
@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;
}
2022-04-26 00:28:19 +02:00
.topic-content a {
color: #EE81B0;
}
2022-03-26 19:56:49 +01:00
@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;
}
}
2021-11-20 12:19:50 +01:00
@media only screen and (max-width: 800px) {
.title-text {
font-size: 18vw;
}
.normal-text {
font-size: 7vw;
}
2022-03-26 19:56:49 +01:00
.button-text {
font-size: 5vw;
}
2021-11-20 12:19:50 +01:00
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;
}
2022-03-26 19:56:49 +01:00
.button-text {
font-size: 3vh;
}
.register-button {
margin-top: 0px;
}
2021-11-20 12:19:50 +01:00
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;
}
2022-03-26 09:55:22 +01:00
/*# sourceMappingURL=festival.css.map */