Line 53: | Line 53: | ||
line-height: 1.4; | line-height: 1.4; | ||
position: relative; | position: relative; | ||
− | z-index: | + | z-index: 50; |
} | } | ||
Line 3,818: | Line 3,818: | ||
div.featuredBox { | div.featuredBox { | ||
+ | display: -webkit-box; | ||
+ | display: -ms-flexbox; | ||
display: flex; | display: flex; | ||
+ | -webkit-box-orient: vertical; | ||
+ | -webkit-box-direction: normal; | ||
+ | -ms-flex-direction: column; | ||
flex-direction: column; | flex-direction: column; | ||
min-height: 0; | min-height: 0; | ||
Line 3,832: | Line 3,837: | ||
display: -ms-flexbox; | display: -ms-flexbox; | ||
display: flex; | display: flex; | ||
+ | -webkit-box-orient: horizontal; | ||
+ | -webkit-box-direction: normal; | ||
+ | -ms-flex-direction: row; | ||
flex-direction: row; | flex-direction: row; | ||
/* firefox correction */ | /* firefox correction */ | ||
min-width: 0; | min-width: 0; | ||
+ | -webkit-box-align: center; | ||
+ | -ms-flex-align: center; | ||
align-items: center; | align-items: center; | ||
+ | min-height: -webkit-max-content; | ||
+ | min-height: -moz-max-content; | ||
min-height: max-content; | min-height: max-content; | ||
} | } | ||
.Feature h3 { | .Feature h3 { | ||
+ | min-width: -webkit-max-content; | ||
+ | min-width: -moz-max-content; | ||
min-width: max-content; | min-width: max-content; | ||
padding: 0px 20px; | padding: 0px 20px; | ||
Line 3,848: | Line 3,862: | ||
padding: 0 20px; | padding: 0 20px; | ||
margin-left: auto; | margin-left: auto; | ||
+ | width: -webkit-max-content; | ||
+ | width: -moz-max-content; | ||
width: max-content; | width: max-content; | ||
/* text-align: right; */ | /* text-align: right; */ | ||
Line 3,855: | Line 3,871: | ||
margin-top: 10px; | margin-top: 10px; | ||
display: inline-block; | display: inline-block; | ||
+ | -webkit-box-flex: 1; | ||
+ | -ms-flex-positive: 1; | ||
flex-grow: 1; | flex-grow: 1; | ||
+ | max-height: -webkit-max-content; | ||
+ | max-height: -moz-max-content; | ||
max-height: max-content; | max-height: max-content; | ||
border: 2px solid var(--main); | border: 2px solid var(--main); | ||
Line 3,891: | Line 3,911: | ||
margin: 15px auto; | margin: 15px auto; | ||
position: relative; | position: relative; | ||
− | z-index: - | + | z-index: 10; |
+ | -webkit-transition: all 0s; | ||
transition: all 0s; | transition: all 0s; | ||
} | } | ||
Line 3,902: | Line 3,923: | ||
background: white; | background: white; | ||
margin: 30px auto; | margin: 30px auto; | ||
+ | -webkit-box-shadow: 2px 2px 15px 0px gray; | ||
box-shadow: 2px 2px 15px 0px gray; | box-shadow: 2px 2px 15px 0px gray; | ||
padding-bottom: 20px; | padding-bottom: 20px; | ||
+ | -webkit-transition: all 0.7s; | ||
transition: all 0.7s; | transition: all 0.7s; | ||
} | } | ||
Line 3,921: | Line 3,944: | ||
width: 100%; | width: 100%; | ||
position: relative; | position: relative; | ||
+ | z-index: 15; | ||
} | } | ||
Line 3,931: | Line 3,955: | ||
width: 10px; | width: 10px; | ||
background: var(--accent2); | background: var(--accent2); | ||
+ | -webkit-transition: all 0.2s ease-in-out; | ||
transition: all 0.2s ease-in-out; | transition: all 0.2s ease-in-out; | ||
+ | z-index: 11; | ||
} | } | ||
Line 3,959: | Line 3,985: | ||
margin: auto; | margin: auto; | ||
padding: 0px 75px 0; | padding: 0px 75px 0; | ||
+ | -webkit-transition: all 0s; | ||
transition: all 0s; | transition: all 0s; | ||
opacity: 0; | opacity: 0; | ||
Line 3,964: | Line 3,991: | ||
.collapsibleContent.revealed { | .collapsibleContent.revealed { | ||
+ | -webkit-transition: all 0.7s; | ||
transition: all 0.7s; | transition: all 0.7s; | ||
} | } | ||
Line 4,231: | Line 4,259: | ||
} | } | ||
.Feature { | .Feature { | ||
+ | -webkit-box-orient: vertical; | ||
+ | -webkit-box-direction: normal; | ||
+ | -ms-flex-direction: column; | ||
flex-direction: column; | flex-direction: column; | ||
} | } |
Revision as of 14:35, 20 August 2018
- root {
--whiteish: #F7F7F7; --blackish: #111; --main: #FFB375; --main_darker: #FFA666; --accent1: #456990; --accent2: #49BEAA; --accent3: #49DCB1; --background: #D3D1BE; --accent4: #B2B09B;
}
/* Font things */
@font-face {
font-family: ProjectTitle; src: url('https://static.igem.org/mediawiki/2018/b/b7/T--Leiden--copperplatelightssilight.ttf'); /* src: url('../webfonts/copperplatelightssilight.ttf'); */
}
@font-face {
font-family: UnderTitle; src: url('https://static.igem.org/mediawiki/2018/d/d6/T--Leiden--YuGothicLight.ttf'); /* src: url('../webfonts/YuGothic-Light-reduced.ttf'); */
}
@font-face {
font-family: Kopje; src: url('https://static.igem.org/mediawiki/2018/c/ca/T--Leiden--Roboto-Medium.ttf'); /* src: url('../webfonts/Roboto-Medium.ttf'); */ font-weight: bold;
}
@font-face {
font-family: Body; src: url('https://static.igem.org/mediawiki/2018/0/0d/T--Leiden--Roboto-Light.ttf'); /* src: url('../webfonts/Roboto-Light.ttf'); */
}
@font-face {
font-family: Body; src: url('https://static.igem.org/mediawiki/2018/b/bb/T--Leiden--Roboto-LightItalic.ttf'); /* src: url('../webfonts/Roboto-LightItalic.ttf'); */ font-style: italic;
}
/* Correct iGEM shit... */
- Global p, p {
padding: 0; padding-bottom: 5px; margin: 0px; line-height: 1.4; position: relative; z-index: 50;
}
- Global p.meta {
padding: 0; margin: 0;
}
- globalWrapper {
font-size: 100%; padding: 0;
}
- top_menu_under, #top_menu_14, #top_menu_inside {
-webkit-box-sizing: content-box; box-sizing: content-box;
}
- top_menu_under {
height: 0px;
}
a[href ^="https://"] {
padding: 0;
}
- top_menu_inside ul a, #top_menu_inside ul li.has_submenu {
line-height: 1.5em;
}
- globalWrapper #content #top_title div.logo_2018 a img {
content: url('https://static.igem.org/mediawiki/2018/c/c8/T--Leiden--LogoLeidenV1.png')
}
/***********************************************************************************************************************************************************/
/* Global styles */
sup, sub {
font-size: 60%;
}
h1, h2, h3, h4, h5, h6 {
font-family: Kopje, sans-serif; margin: 0; padding: 0; padding-top: 15px; border: none; font-weight: bold; overflow: visible;
}
h1.SectionTitle {
font-size: 3em;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.17em;
}
h4 {
font-size: 1.12em;
}
h5 {
font-size: .83em;
}
h6 {
font-size: .75em;
}
.submenu div {
line-height: 1.5em;
}
body, #body {
/* target body and the alternative body tag in iGEM terms (see Javascript-script) */ width: 100%; height: -webkit-max-content; height: -moz-max-content; height: max-content; padding: 0; margin: 0; line-height: normal; position: absolute; top: 9px; background-color: var(--whiteish); font-size: 17px; color: var(--blackish); font-family: Body, sans-serif; z-index: -5;
}
li, ul {
margin: 0; line-height: normal; list-style-type: none; list-style-image: none; display: block;
}
- {
padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; line-height: normal;
}
.container {
width: 80%; margin: auto;
}
.container-text {
width: 80%; max-width: 800px; margin: auto; padding: 60px 0 40px 0; text-align: justify;
}
a, a:active, a:visited, a:hover {
color: inherit; text-decoration: none;
}
.hidden {
display: none;
}
/* References */
.smaller {
font-size: 0.75em;
}
.center {
text-align: center;
}
.caption {
font-size: 0.9em; text-align: justify;
}
span.grouped {
display: inline-block;
}
/***********************************************************************************************************************************************************/
/* Homepage */
.circles {
background: url('https://static.igem.org/mediawiki/2018/3/3a/T--Leiden--circles1200pxplus.png') no-repeat; /* url('https://static.igem.org/mediawiki/2018/f/f2/T--Leiden--circles1200px.png') */ background-position: 50% 50%; background-size: cover; height: -webkit-max-content; height: -moz-max-content; height: max-content; min-height: calc(70vh - 10px); position: relative; top: 0; z-index: 3;
}
div#headercontent {
position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: -webkit-max-content; height: -moz-max-content; height: max-content; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
div.logo {
background: url('https://static.igem.org/mediawiki/2018/c/c8/T--Leiden--LogoLeidenV1.png'); height: calc(0.9 * 50vw); max-height: 300px; width: 50%; margin: auto; background-size: contain; background-repeat: no-repeat; background-position: center bottom;
}
div#Fsos {
color: var(--blackish); font-size: 50px; font-family: ProjectTitle; display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: auto; text-align: center; padding-top: 20px; background: rgba(222, 217, 208, 0.7); -webkit-box-shadow: 0 0 20px 5px rgba(222, 217, 208, 1); box-shadow: 0 0 20px 5px rgba(222, 217, 208, 1); border-radius: 50px;
}
div#UnderTitle {
color: var(--blackish); font-size: 21.62px; font-family: UnderTitle; display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: auto; text-align: center; padding-left: 2px; background: rgba(222, 217, 208, 0.7); -webkit-box-shadow: 0 0 20px 5px rgba(222, 217, 208, 1); box-shadow: 0 0 20px 5px rgba(222, 217, 208, 1); border-radius: 20px;
}
/***********************************************************************************************************************************************************/
/* Eventpage */
.title {
display: block; grid-column: 1 / span 2; border-bottom: 3px solid var(--main);
}
.cardtitle {
font-family: Kopje; display: inline-block;
}
.date {
font-family: Body; font-size: 1.95em; display: inline-block; width: 165px; margin-right: 30px;
}
.cardtext {
font-family: Body; -ms-flex-line-pack: center; align-content: center;
}
.cardtextfull {
grid-column: 1 / span 2;
}
.card {
opacity: 0; width: 85%; background: white; padding: 40px 40px 80px 40px; margin: 20px auto; display: grid; grid-gap: 20px; -webkit-box-shadow: 4px 0px 16px -3px rgba(0, 0, 0, 0.5); box-shadow: 4px 0px 16px -3px rgba(0, 0, 0, 0.5); border-radius: 10px; position: relative; z-index: 1;
}
.card.links {
grid-template-columns: 250px 1fr;
}
.card.rechts {
grid-template-columns: 1fr 250px;
}
.images {
width: 100%; display: grid; grid-gap: 10px; -ms-flex-line-pack: center; align-content: center;
}
.card .images img {
width: 100%; border: solid 2px var(--main); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative;
}
img.scrolldown {
position: fixed; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100px; height: auto;
}
.circle {
border-radius: 50%; display: block; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.halfcircle {
border-top-left-radius: 105px; border-bottom-left-radius: 105px; border-top-right-radius: 0; border-bottom-right-radius: 0;
}
.circle.small {
height: 50px; width: 50px;
}
.circle.normal {
height: 100px; width: 100px;
}
.halfcircle.halflarge {
height: 150px; width: 75px;
}
.circle.halfcircle.circle1 {
border-right: 0;
}
.circle.large {
height: 150px; width: 150px;
}
.circle.orange {
color: var(--main); background-color: var(--main);
}
.circle.accent1 {
color: var(--accent1); background-color: var(--accent1);
}
.circle.accent2 {
color: var(--accent2); background-color: var(--accent2);
}
.circle.accent3 {
color: var(--accent3); background-color: var(--accent3);
}
.circle.accent4 {
color: var(--accent4); background-color: var(--accent4);
}
.circle.accent5 {
color: var(--accent5); background-color: var(--accent5);
}
.circle.thick {
border: 30px solid; background-color: transparent;
}
.circle.thin {
border: 15px solid; background-color: transparent;
}
.circle.circle1 {
top: 320px; right: 0px;
}
.circle.circle2 {
top: 600px; right: 170px;
}
.circle.circle3 {
top: 150px; right: 50px;
}
.circle.circle4 {
top: 900px; right: 50px;
}
.circle.circle5 {
top: 650px; right: 150px;
}
.circle.circle6 {
top: 820px; left: -40px;
}
.circle.circle7 {
top: 300px; left: 50px;
}
.circle.circle8 {
top: 750px; left: 150px;
}
.circle.circle9 {
top: 850px; left: 250px;
}
.circle.circle10 {
top: 370px; left: 120px;
}
.visible:nth-child(1) {
margin-top: 100px; max-width: 950px; -webkit-animation: fly-from-bottom-left 0.8s forwards ease-out; animation: fly-from-bottom-left 0.8s forwards ease-out;
}
.visible:nth-child(3n+4) {
max-width: 950px; -webkit-animation: fly-from-bottom-left 0.9s forwards ease-out; animation: fly-from-bottom-left 0.9s forwards ease-out;
}
.visible:nth-child(3n+2) {
max-width: 1000px; -webkit-animation: fly-from-bottom-right 0.85s forwards ease-out; animation: fly-from-bottom-right 0.85s forwards ease-out;
}
.visible:nth-child(3n+0) {
max-width: 900px; -webkit-animation: fly-from-top-right 0.9s forwards ease-out; animation: fly-from-top-right 0.9s forwards ease-out;
}
@-webkit-keyframes fly-from-bottom-left {
0% { -webkit-transform: translate(-100vw, 100vh) rotate(-20deg) scale(3); transform: translate(-100vw, 100vh) rotate(-20deg) scale(3); opacity: 1; } 100% { -webkit-transform: rotate(4deg) translateY(-25px) scale(1); transform: rotate(4deg) translateY(-25px) scale(1); opacity: 1; }
}
@keyframes fly-from-bottom-left {
0% { -webkit-transform: translate(-100vw, 100vh) rotate(-20deg) scale(3); transform: translate(-100vw, 100vh) rotate(-20deg) scale(3); opacity: 1; } 100% { -webkit-transform: rotate(4deg) translateY(-25px) scale(1); transform: rotate(4deg) translateY(-25px) scale(1); opacity: 1; }
}
@-webkit-keyframes fly-from-bottom-right {
0% { -webkit-transform: translate(100vw, 100vh) rotate(20deg) scale(3); transform: translate(100vw, 100vh) rotate(20deg) scale(3); opacity: 1; } 100% { -webkit-transform: rotate(-2deg) translateY(-30px) scale(1); transform: rotate(-2deg) translateY(-30px) scale(1); opacity: 1; }
}
@keyframes fly-from-bottom-right {
0% { -webkit-transform: translate(100vw, 100vh) rotate(20deg) scale(3); transform: translate(100vw, 100vh) rotate(20deg) scale(3); opacity: 1; } 100% { -webkit-transform: rotate(-2deg) translateY(-30px) scale(1); transform: rotate(-2deg) translateY(-30px) scale(1); opacity: 1; }
}
@-webkit-keyframes fly-from-top-right {
0% { -webkit-transform: translate(100vw, -100vh) rotate(45deg) scale(3); transform: translate(100vw, -100vh) rotate(45deg) scale(3); opacity: 1; -webkit-filter: blur(10px); filter: blur(10px); } 100% { -webkit-transform: rotate(0deg) translateY(-50px) scale(1); transform: rotate(0deg) translateY(-50px) scale(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); }
}
@keyframes fly-from-top-right {
0% { -webkit-transform: translate(100vw, -100vh) rotate(45deg) scale(3); transform: translate(100vw, -100vh) rotate(45deg) scale(3); opacity: 1; -webkit-filter: blur(10px); filter: blur(10px); } 100% { -webkit-transform: rotate(0deg) translateY(-50px) scale(1); transform: rotate(0deg) translateY(-50px) scale(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); }
}
/***********************************************************************************************************************************************************/
/* Sponsorpage */
.SponsorFlexBox {
padding: 50px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center;
}
img.sponsorLogo {
width: 300px; height: auto; /* margin: 20px; */
}
a.sponsor {
display: block; margin: 10px; padding: 10px;
}
.container-text.sponsorPossibility {
text-align: center;
}
/***********************************************************************************************************************************************************/
/* Teampage */
header.white-out {
position: relative; display: block;
}
header.white-out::after {
position: absolute; content: ; display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, .5);
}
.headerpic {
width: 100%; height: auto;
}
.team {
content: url("");
}
div.TeamFlexbox {
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center;
}
.TeamMemberBox {
margin: 50px 25px; display: grid; justify-items: center; grid-template-columns: 1fr;
}
.PicBox {
position: relative; width: 200px; height: 200px;
}
img.MemberPic {
height: auto; width: 110%; margin-left: -5px; margin-top: -25px;
}
.circularPortrait {
width: 200px; height: 200px; overflow: hidden; position: relative; border-radius: 50%; border: 25px solid;
}
div.iconBox {
display: block; position: absolute; border: solid 30px; border-radius: 50%;
}
div.iconBox>i {
color: var(--blackish); font-size: 30px; position: absolute; top: 49%; left: 48%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.MemberDescription {
color: var(--blackish); width: 250px;
}
h2.MemberName, p.MemberFunction {
text-align: center; padding: 0; margin: 0;
}
p.MemberFunction {
font-size: 1.3em;
}
.underlined {
display: block; margin: auto; padding: 0 20px;
}
.underlined::after {
content: ""; display: block; margin: 0 auto; border-bottom: var(--main) solid 5px; padding-top: 5px; width: 825px;
}
/* Change colors of each circle/member */
.TeamMemberBox:nth-child(8n+1) {
color: var(--main);
}
.TeamMemberBox:nth-child(8n+2) {
color: var(--accent4);
}
.TeamMemberBox:nth-child(8n+3) {
color: var(--accent1);
}
.TeamMemberBox:nth-child(8n+4) {
color: var(--accent2);
}
.TeamMemberBox:nth-child(8n+5) {
color: var(--accent4);
}
.TeamMemberBox:nth-child(8n+6) {
color: var(--main);
}
.TeamMemberBox:nth-child(8n+7) {
color: var(--accent2);
}
.TeamMemberBox:nth-child(8n+8) {
color: var(--accent1);
}
/* Change order of text-picture */
.TeamMemberBox:nth-child(2n+1) .PicBox {
grid-row: 1;
}
.TeamMemberBox:nth-child(2n+2) .PicBox {
grid-row: 2;
}
.TeamMemberBox:nth-child(2n+1) .MemberDescription {
grid-row: 2;
}
.TeamMemberBox:nth-child(2n+2) .MemberDescription {
grid-row: 1;
}
/* Change config of icon */
.TeamMemberBox:nth-child(4n+1) div.iconBox {
right: -25px; bottom: 0px;
}
.TeamMemberBox:nth-child(4n+2) div.iconBox {
top: 0px; left: -25px;
}
.TeamMemberBox:nth-child(4n+3) div.iconBox {
bottom: 0px; left: -25px;
}
.TeamMemberBox:nth-child(4n+4) div.iconBox {
top: 0px; right: -25px;
}
/* add some padding to the MemberDescription to align to the bottom/top */
.TeamMemberBox:nth-child(2n+1) .MemberDescription {
-ms-flex-item-align: start; align-self: start; padding-top: 20px;
}
.TeamMemberBox:nth-child(2n+2) .MemberDescription {
-ms-flex-item-align: end; align-self: end; padding-bottom: 20px;
}
/***********************************************************************************************************************************************************/
/* Countdown to crowdfunding campaign */
div.verticalspan {
min-height: calc(100vh - 74px);
}
h1.HelpUs:first-of-type {
margin-bottom: 75px; padding-top: 150px;
}
.HelpUs {
padding-left: 40px; padding-right: 40px;
}
.countdown {
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 50px;
}
.countdown div {
padding: 10px 20px; margin: 20px 10px 0; border-radius: 15px; border: 2px solid var(--accent4); background: rgba(178, 176, 117, 0.2);
}
.countdown div:first-of-type {
border: 2px solid var(--main); background: rgba(255, 179, 117, 0.4);
}
.countdown span {
display: block; font-size: 30px;
}
.SYTS {
padding-bottom: 50px;
}
- DonateButton {
display: none; margin: auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; border: 2px solid var(--main); background: rgba(255, 179, 117, 0.4); border-radius: 15px; padding: 50px; text-align: center; font-size: 50px; margin-top: 150px;
}
.bubbles {
position: absolute; width: 100%; height: calc(100vh - 20px); top: 0; z-index: -1;
}
div.bubbles span.circle {
position: absolute; z-index: -1; top: auto;
}
div.bubbles span.circle.large {
-webkit-animation: bubbly 10s infinite linear; animation: bubbly 10s infinite linear; bottom: -150px;
}
div.bubbles span.circle.normal {
-webkit-animation: bubbly 7s infinite linear; animation: bubbly 7s infinite linear; bottom: -100px;
}
div.bubbles span.circle.small {
-webkit-animation: bubbly 4s infinite linear; animation: bubbly 4s infinite linear; bottom: -50px;
}
div.bubbles span.circle:nth-of-type(1) {
right: 150px; -webkit-animation-delay: 8s; animation-delay: 8s;
}
div.bubbles span.circle:nth-of-type(2) {
-webkit-animation-delay: 7s; animation-delay: 7s;
}
div.bubbles span.circle:nth-of-type(3) {
-webkit-animation-delay: 5s; animation-delay: 5s; right: 220px;
}
div.bubbles span.circle:nth-of-type(4) {
-webkit-animation-delay: 2s; animation-delay: 2s;
}
div.bubbles span.circle:nth-of-type(5) {
-webkit-animation-delay: 4s; animation-delay: 4s; right: 320px;
}
div.bubbles span.circle:nth-of-type(6) {
-webkit-animation-delay: 12s; animation-delay: 12s; left: 180px;
}
div.bubbles span.circle:nth-of-type(7) {
-webkit-animation-delay: 4s; animation-delay: 4s; right: 250px;
}
div.bubbles span.circle:nth-of-type(8) {
-webkit-animation-delay: 6s; animation-delay: 6s; left: 345px;
}
div.bubbles span.circle:nth-of-type(9) {
-webkit-animation-delay: 1s; animation-delay: 1s;
}
div.bubbles span.circle:nth-of-type(10) {
-webkit-animation-delay: 3s; animation-delay: 3s;
}
@-webkit-keyframes bubbly {
0% { -webkit-transform: translate(0%, 0vh) scale(1); transform: translate(0%, 0vh) scale(1); } 0.29% { -webkit-transform: translate(-3.9265%, -0.3667vh) scale(0.9992); transform: translate(-3.9265%, -0.3667vh) scale(0.9992); } 0.58% { -webkit-transform: translate(-7.8504%, -0.7333vh) scale(0.9983); transform: translate(-7.8504%, -0.7333vh) scale(0.9983); } 0.88% { -webkit-transform: translate(-11.7689%, -1.1vh) scale(0.9975); transform: translate(-11.7689%, -1.1vh) scale(0.9975); } 1.17% { -webkit-transform: translate(-15.6793%, -1.4667vh) scale(0.9967); transform: translate(-15.6793%, -1.4667vh) scale(0.9967); } 1.46% { -webkit-transform: translate(-19.5789%, -1.8333vh) scale(0.9958); transform: translate(-19.5789%, -1.8333vh) scale(0.9958); } 1.75% { -webkit-transform: translate(-23.4652%, -2.2vh) scale(0.995); transform: translate(-23.4652%, -2.2vh) scale(0.995); } 2.05% { -webkit-transform: translate(-27.3353%, -2.5667vh) scale(0.9942); transform: translate(-27.3353%, -2.5667vh) scale(0.9942); } 2.34% { -webkit-transform: translate(-31.1868%, -2.9333vh) scale(0.9933); transform: translate(-31.1868%, -2.9333vh) scale(0.9933); } 2.63% { -webkit-transform: translate(-35.0168%, -3.3vh) scale(0.9925); transform: translate(-35.0168%, -3.3vh) scale(0.9925); } 2.92% { -webkit-transform: translate(-38.8229%, -3.6667vh) scale(0.9917); transform: translate(-38.8229%, -3.6667vh) scale(0.9917); } 3.22% { -webkit-transform: translate(-42.6023%, -4.0333vh) scale(0.9908); transform: translate(-42.6023%, -4.0333vh) scale(0.9908); } 3.51% { -webkit-transform: translate(-46.3525%, -4.4vh) scale(0.99); transform: translate(-46.3525%, -4.4vh) scale(0.99); } 3.8% { -webkit-transform: translate(-50.071%, -4.7667vh) scale(0.9892); transform: translate(-50.071%, -4.7667vh) scale(0.9892); } 4.09% { -webkit-transform: translate(-53.7552%, -5.1333vh) scale(0.9883); transform: translate(-53.7552%, -5.1333vh) scale(0.9883); } 4.39% { -webkit-transform: translate(-57.4025%, -5.5vh) scale(0.9875); transform: translate(-57.4025%, -5.5vh) scale(0.9875); } 4.68% { -webkit-transform: translate(-61.0105%, -5.8667vh) scale(0.9867); transform: translate(-61.0105%, -5.8667vh) scale(0.9867); } 4.97% { -webkit-transform: translate(-64.5767%, -6.2333vh) scale(0.9858); transform: translate(-64.5767%, -6.2333vh) scale(0.9858); } 5.26% { -webkit-transform: translate(-68.0986%, -6.6vh) scale(0.985); transform: translate(-68.0986%, -6.6vh) scale(0.985); } 5.56% { -webkit-transform: translate(-71.5738%, -6.9667vh) scale(0.9842); transform: translate(-71.5738%, -6.9667vh) scale(0.9842); } 5.85% { -webkit-transform: translate(-75%, -7.3333vh) scale(0.9833); transform: translate(-75%, -7.3333vh) scale(0.9833); } 6.14% { -webkit-transform: translate(-78.3748%, -7.7vh) scale(0.9825); transform: translate(-78.3748%, -7.7vh) scale(0.9825); } 6.43% { -webkit-transform: translate(-81.6959%, -8.0667vh) scale(0.9817); transform: translate(-81.6959%, -8.0667vh) scale(0.9817); } 6.73% { -webkit-transform: translate(-84.9609%, -8.4333vh) scale(0.9808); transform: translate(-84.9609%, -8.4333vh) scale(0.9808); } 7.02% { -webkit-transform: translate(-88.1678%, -8.8vh) scale(0.98); transform: translate(-88.1678%, -8.8vh) scale(0.98); } 7.31% { -webkit-transform: translate(-91.3142%, -9.1667vh) scale(0.9792); transform: translate(-91.3142%, -9.1667vh) scale(0.9792); } 7.6% { -webkit-transform: translate(-94.3981%, -9.5333vh) scale(0.9783); transform: translate(-94.3981%, -9.5333vh) scale(0.9783); } 7.89% { -webkit-transform: translate(-97.4172%, -9.9vh) scale(0.9775); transform: translate(-97.4172%, -9.9vh) scale(0.9775); } 8.19% { -webkit-transform: translate(-100.3696%, -10.2667vh) scale(0.9767); transform: translate(-100.3696%, -10.2667vh) scale(0.9767); } 8.48% { -webkit-transform: translate(-103.2532%, -10.6333vh) scale(0.9758); transform: translate(-103.2532%, -10.6333vh) scale(0.9758); } 8.77% { -webkit-transform: translate(-106.066%, -11vh) scale(0.975); transform: translate(-106.066%, -11vh) scale(0.975); } 9.06% { -webkit-transform: translate(-108.8062%, -11.3667vh) scale(0.9742); transform: translate(-108.8062%, -11.3667vh) scale(0.9742); } 9.36% { -webkit-transform: translate(-111.4717%, -11.7333vh) scale(0.9733); transform: translate(-111.4717%, -11.7333vh) scale(0.9733); } 9.65% { -webkit-transform: translate(-114.0609%, -12.1vh) scale(0.9725); transform: translate(-114.0609%, -12.1vh) scale(0.9725); } 9.94% { -webkit-transform: translate(-116.5719%, -12.4667vh) scale(0.9717); transform: translate(-116.5719%, -12.4667vh) scale(0.9717); } 10.23% { -webkit-transform: translate(-119.003%, -12.8333vh) scale(0.9708); transform: translate(-119.003%, -12.8333vh) scale(0.9708); } 10.53% { -webkit-transform: translate(-121.3525%, -13.2vh) scale(0.97); transform: translate(-121.3525%, -13.2vh) scale(0.97); } 10.82% { -webkit-transform: translate(-123.6189%, -13.5667vh) scale(0.9692); transform: translate(-123.6189%, -13.5667vh) scale(0.9692); } 11.11% { -webkit-transform: translate(-125.8006%, -13.9333vh) scale(0.9683); transform: translate(-125.8006%, -13.9333vh) scale(0.9683); } 11.4% { -webkit-transform: translate(-127.896%, -14.3vh) scale(0.9675); transform: translate(-127.896%, -14.3vh) scale(0.9675); } 11.7% { -webkit-transform: translate(-129.9038%, -14.6667vh) scale(0.9667); transform: translate(-129.9038%, -14.6667vh) scale(0.9667); } 11.99% { -webkit-transform: translate(-131.8226%, -15.0333vh) scale(0.9658); transform: translate(-131.8226%, -15.0333vh) scale(0.9658); } 12.28% { -webkit-transform: translate(-133.651%, -15.4vh) scale(0.965); transform: translate(-133.651%, -15.4vh) scale(0.965); } 12.57% { -webkit-transform: translate(-135.3878%, -15.7667vh) scale(0.9642); transform: translate(-135.3878%, -15.7667vh) scale(0.9642); } 12.87% { -webkit-transform: translate(-137.0318%, -16.1333vh) scale(0.9633); transform: translate(-137.0318%, -16.1333vh) scale(0.9633); } 13.16% { -webkit-transform: translate(-138.5819%, -16.5vh) scale(0.9625); transform: translate(-138.5819%, -16.5vh) scale(0.9625); } 13.45% { -webkit-transform: translate(-140.0371%, -16.8667vh) scale(0.9617); transform: translate(-140.0371%, -16.8667vh) scale(0.9617); } 13.74% { -webkit-transform: translate(-141.3962%, -17.2333vh) scale(0.9608); transform: translate(-141.3962%, -17.2333vh) scale(0.9608); } 14.04% { -webkit-transform: translate(-142.6585%, -17.6vh) scale(0.96); transform: translate(-142.6585%, -17.6vh) scale(0.96); } 14.33% { -webkit-transform: translate(-143.823%, -17.9667vh) scale(0.9592); transform: translate(-143.823%, -17.9667vh) scale(0.9592); } 14.62% { -webkit-transform: translate(-144.8889%, -18.3333vh) scale(0.9583); transform: translate(-144.8889%, -18.3333vh) scale(0.9583); } 14.91% { -webkit-transform: translate(-145.8555%, -18.7vh) scale(0.9575); transform: translate(-145.8555%, -18.7vh) scale(0.9575); } 15.2% { -webkit-transform: translate(-146.7221%, -19.0667vh) scale(0.9567); transform: translate(-146.7221%, -19.0667vh) scale(0.9567); } 15.5% { -webkit-transform: translate(-147.4882%, -19.4333vh) scale(0.9558); transform: translate(-147.4882%, -19.4333vh) scale(0.9558); } 15.79% { -webkit-transform: translate(-148.1533%, -19.8vh) scale(0.955); transform: translate(-148.1533%, -19.8vh) scale(0.955); } 16.08% { -webkit-transform: translate(-148.7167%, -20.1667vh) scale(0.9542); transform: translate(-148.7167%, -20.1667vh) scale(0.9542); } 16.37% { -webkit-transform: translate(-149.1783%, -20.5333vh) scale(0.9533); transform: translate(-149.1783%, -20.5333vh) scale(0.9533); } 16.67% { -webkit-transform: translate(-149.5376%, -20.9vh) scale(0.9525); transform: translate(-149.5376%, -20.9vh) scale(0.9525); } 16.96% { -webkit-transform: translate(-149.7944%, -21.2667vh) scale(0.9517); transform: translate(-149.7944%, -21.2667vh) scale(0.9517); } 17.25% { -webkit-transform: translate(-149.9486%, -21.6333vh) scale(0.9508); transform: translate(-149.9486%, -21.6333vh) scale(0.9508); } 17.54% { -webkit-transform: translate(-150%, -22vh) scale(0.95); transform: translate(-150%, -22vh) scale(0.95); } 17.84% { -webkit-transform: translate(-149.9525%, -22.3772vh) scale(0.9491); transform: translate(-149.9525%, -22.3772vh) scale(0.9491); } 18.13% { -webkit-transform: translate(-149.8102%, -22.7544vh) scale(0.9482); transform: translate(-149.8102%, -22.7544vh) scale(0.9482); } 18.42% { -webkit-transform: translate(-149.5731%, -23.1316vh) scale(0.9474); transform: translate(-149.5731%, -23.1316vh) scale(0.9474); } 18.71% { -webkit-transform: translate(-149.2413%, -23.5088vh) scale(0.9465); transform: translate(-149.2413%, -23.5088vh) scale(0.9465); } 19.01% { -webkit-transform: translate(-148.8153%, -23.886vh) scale(0.9456); transform: translate(-148.8153%, -23.886vh) scale(0.9456); } 19.3% { -webkit-transform: translate(-148.2952%, -24.2632vh) scale(0.9447); transform: translate(-148.2952%, -24.2632vh) scale(0.9447); } 19.59% { -webkit-transform: translate(-147.6814%, -24.6404vh) scale(0.9439); transform: translate(-147.6814%, -24.6404vh) scale(0.9439); } 19.88% { -webkit-transform: translate(-146.9745%, -25.0175vh) scale(0.943); transform: translate(-146.9745%, -25.0175vh) scale(0.943); } 20.18% { -webkit-transform: translate(-146.175%, -25.3947vh) scale(0.9421); transform: translate(-146.175%, -25.3947vh) scale(0.9421); } 20.47% { -webkit-transform: translate(-145.2835%, -25.7719vh) scale(0.9412); transform: translate(-145.2835%, -25.7719vh) scale(0.9412); } 20.76% { -webkit-transform: translate(-144.3006%, -26.1491vh) scale(0.9404); transform: translate(-144.3006%, -26.1491vh) scale(0.9404); } 21.05% { -webkit-transform: translate(-143.2272%, -26.5263vh) scale(0.9395); transform: translate(-143.2272%, -26.5263vh) scale(0.9395); } 21.35% { -webkit-transform: translate(-142.0639%, -26.9035vh) scale(0.9386); transform: translate(-142.0639%, -26.9035vh) scale(0.9386); } 21.64% { -webkit-transform: translate(-140.8118%, -27.2807vh) scale(0.9377); transform: translate(-140.8118%, -27.2807vh) scale(0.9377); } 21.93% { -webkit-transform: translate(-139.4717%, -27.6579vh) scale(0.9368); transform: translate(-139.4717%, -27.6579vh) scale(0.9368); } 22.22% { -webkit-transform: translate(-138.0446%, -28.0351vh) scale(0.936); transform: translate(-138.0446%, -28.0351vh) scale(0.936); } 22.51% { -webkit-transform: translate(-136.5318%, -28.4123vh) scale(0.9351); transform: translate(-136.5318%, -28.4123vh) scale(0.9351); } 22.81% { -webkit-transform: translate(-134.9342%, -28.7895vh) scale(0.9342); transform: translate(-134.9342%, -28.7895vh) scale(0.9342); } 23.1% { -webkit-transform: translate(-133.2532%, -29.1667vh) scale(0.9333); transform: translate(-133.2532%, -29.1667vh) scale(0.9333); } 23.39% { -webkit-transform: translate(-131.4899%, -29.5439vh) scale(0.9325); transform: translate(-131.4899%, -29.5439vh) scale(0.9325); } 23.68% { -webkit-transform: translate(-129.6458%, -29.9211vh) scale(0.9316); transform: translate(-129.6458%, -29.9211vh) scale(0.9316); } 23.98% { -webkit-transform: translate(-127.7222%, -30.2982vh) scale(0.9307); transform: translate(-127.7222%, -30.2982vh) scale(0.9307); } 24.27% { -webkit-transform: translate(-125.7206%, -30.6754vh) scale(0.9298); transform: translate(-125.7206%, -30.6754vh) scale(0.9298); } 24.56% { -webkit-transform: translate(-123.6426%, -31.0526vh) scale(0.9289); transform: translate(-123.6426%, -31.0526vh) scale(0.9289); } 24.85% { -webkit-transform: translate(-121.4896%, -31.4298vh) scale(0.9281); transform: translate(-121.4896%, -31.4298vh) scale(0.9281); } 25.15% { -webkit-transform: translate(-119.2633%, -31.807vh) scale(0.9272); transform: translate(-119.2633%, -31.807vh) scale(0.9272); } 25.44% { -webkit-transform: translate(-116.9655%, -32.1842vh) scale(0.9263); transform: translate(-116.9655%, -32.1842vh) scale(0.9263); } 25.73% { -webkit-transform: translate(-114.5978%, -32.5614vh) scale(0.9254); transform: translate(-114.5978%, -32.5614vh) scale(0.9254); } 26.02% { -webkit-transform: translate(-112.1621%, -32.9386vh) scale(0.9246); transform: translate(-112.1621%, -32.9386vh) scale(0.9246); } 26.32% { -webkit-transform: translate(-109.6602%, -33.3158vh) scale(0.9237); transform: translate(-109.6602%, -33.3158vh) scale(0.9237); } 26.61% { -webkit-transform: translate(-107.094%, -33.693vh) scale(0.9228); transform: translate(-107.094%, -33.693vh) scale(0.9228); } 26.9% { -webkit-transform: translate(-104.4655%, -34.0702vh) scale(0.9219); transform: translate(-104.4655%, -34.0702vh) scale(0.9219); } 27.19% { -webkit-transform: translate(-101.7766%, -34.4474vh) scale(0.9211); transform: translate(-101.7766%, -34.4474vh) scale(0.9211); } 27.49% { -webkit-transform: translate(-99.0294%, -34.8246vh) scale(0.9202); transform: translate(-99.0294%, -34.8246vh) scale(0.9202); } 27.78% { -webkit-transform: translate(-96.226%, -35.2018vh) scale(0.9193); transform: translate(-96.226%, -35.2018vh) scale(0.9193); } 28.07% { -webkit-transform: translate(-93.3685%, -35.5789vh) scale(0.9184); transform: translate(-93.3685%, -35.5789vh) scale(0.9184); } 28.36% { -webkit-transform: translate(-90.4591%, -35.9561vh) scale(0.9175); transform: translate(-90.4591%, -35.9561vh) scale(0.9175); } 28.65% { -webkit-transform: translate(-87.5%, -36.3333vh) scale(0.9167); transform: translate(-87.5%, -36.3333vh) scale(0.9167); } 28.95% { -webkit-transform: translate(-84.4934%, -36.7105vh) scale(0.9158); transform: translate(-84.4934%, -36.7105vh) scale(0.9158); } 29.24% { -webkit-transform: translate(-81.4417%, -37.0877vh) scale(0.9149); transform: translate(-81.4417%, -37.0877vh) scale(0.9149); } 29.53% { -webkit-transform: translate(-78.3471%, -37.4649vh) scale(0.914); transform: translate(-78.3471%, -37.4649vh) scale(0.914); } 29.82% { -webkit-transform: translate(-75.2119%, -37.8421vh) scale(0.9132); transform: translate(-75.2119%, -37.8421vh) scale(0.9132); } 30.12% { -webkit-transform: translate(-72.0387%, -38.2193vh) scale(0.9123); transform: translate(-72.0387%, -38.2193vh) scale(0.9123); } 30.41% { -webkit-transform: translate(-68.8297%, -38.5965vh) scale(0.9114); transform: translate(-68.8297%, -38.5965vh) scale(0.9114); } 30.7% { -webkit-transform: translate(-65.5874%, -38.9737vh) scale(0.9105); transform: translate(-65.5874%, -38.9737vh) scale(0.9105); } 30.99% { -webkit-transform: translate(-62.3144%, -39.3509vh) scale(0.9096); transform: translate(-62.3144%, -39.3509vh) scale(0.9096); } 31.29% { -webkit-transform: translate(-59.0129%, -39.7281vh) scale(0.9088); transform: translate(-59.0129%, -39.7281vh) scale(0.9088); } 31.58% { -webkit-transform: translate(-55.6857%, -40.1053vh) scale(0.9079); transform: translate(-55.6857%, -40.1053vh) scale(0.9079); } 31.87% { -webkit-transform: translate(-52.3351%, -40.4825vh) scale(0.907); transform: translate(-52.3351%, -40.4825vh) scale(0.907); } 32.16% { -webkit-transform: translate(-48.9638%, -40.8596vh) scale(0.9061); transform: translate(-48.9638%, -40.8596vh) scale(0.9061); } 32.46% { -webkit-transform: translate(-45.5743%, -41.2368vh) scale(0.9053); transform: translate(-45.5743%, -41.2368vh) scale(0.9053); } 32.75% { -webkit-transform: translate(-42.1692%, -41.614vh) scale(0.9044); transform: translate(-42.1692%, -41.614vh) scale(0.9044); } 33.04% { -webkit-transform: translate(-38.751%, -41.9912vh) scale(0.9035); transform: translate(-38.751%, -41.9912vh) scale(0.9035); } 33.33% { -webkit-transform: translate(-35.3224%, -42.3684vh) scale(0.9026); transform: translate(-35.3224%, -42.3684vh) scale(0.9026); } 33.63% { -webkit-transform: translate(-31.886%, -42.7456vh) scale(0.9018); transform: translate(-31.886%, -42.7456vh) scale(0.9018); } 33.92% { -webkit-transform: translate(-28.4443%, -43.1228vh) scale(0.9009); transform: translate(-28.4443%, -43.1228vh) scale(0.9009); } 34.21% { -webkit-transform: translate(-25%, -43.5vh) scale(0.9); transform: translate(-25%, -43.5vh) scale(0.9); } 34.5% { -webkit-transform: translate(-21.5557%, -43.8772vh) scale(0.8991); transform: translate(-21.5557%, -43.8772vh) scale(0.8991); } 34.8% { -webkit-transform: translate(-18.114%, -44.2544vh) scale(0.8982); transform: translate(-18.114%, -44.2544vh) scale(0.8982); } 35.09% { -webkit-transform: translate(-14.6776%, -44.6316vh) scale(0.8974); transform: translate(-14.6776%, -44.6316vh) scale(0.8974); } 35.38% { -webkit-transform: translate(-11.249%, -45.0088vh) scale(0.8965); transform: translate(-11.249%, -45.0088vh) scale(0.8965); } 35.67% { -webkit-transform: translate(-7.8308%, -45.386vh) scale(0.8956); transform: translate(-7.8308%, -45.386vh) scale(0.8956); } 35.96% { -webkit-transform: translate(-4.4257%, -45.7632vh) scale(0.8947); transform: translate(-4.4257%, -45.7632vh) scale(0.8947); } 36.26% { -webkit-transform: translate(-1.0362%, -46.1404vh) scale(0.8939); transform: translate(-1.0362%, -46.1404vh) scale(0.8939); } 36.55% { -webkit-transform: translate(2.3351%, -46.5175vh) scale(0.893); transform: translate(2.3351%, -46.5175vh) scale(0.893); } 36.84% { -webkit-transform: translate(5.6857%, -46.8947vh) scale(0.8921); transform: translate(5.6857%, -46.8947vh) scale(0.8921); } 37.13% { -webkit-transform: translate(9.0129%, -47.2719vh) scale(0.8912); transform: translate(9.0129%, -47.2719vh) scale(0.8912); } 37.43% { -webkit-transform: translate(12.3144%, -47.6491vh) scale(0.8904); transform: translate(12.3144%, -47.6491vh) scale(0.8904); } 37.72% { -webkit-transform: translate(15.5874%, -48.0263vh) scale(0.8895); transform: translate(15.5874%, -48.0263vh) scale(0.8895); } 38.01% { -webkit-transform: translate(18.8297%, -48.4035vh) scale(0.8886); transform: translate(18.8297%, -48.4035vh) scale(0.8886); } 38.3% { -webkit-transform: translate(22.0387%, -48.7807vh) scale(0.8877); transform: translate(22.0387%, -48.7807vh) scale(0.8877); } 38.6% { -webkit-transform: translate(25.2119%, -49.1579vh) scale(0.8868); transform: translate(25.2119%, -49.1579vh) scale(0.8868); } 38.89% { -webkit-transform: translate(28.3471%, -49.5351vh) scale(0.886); transform: translate(28.3471%, -49.5351vh) scale(0.886); } 39.18% { -webkit-transform: translate(31.4417%, -49.9123vh) scale(0.8851); transform: translate(31.4417%, -49.9123vh) scale(0.8851); } 39.47% { -webkit-transform: translate(34.4934%, -50.2895vh) scale(0.8842); transform: translate(34.4934%, -50.2895vh) scale(0.8842); } 39.77% { -webkit-transform: translate(37.5%, -50.6667vh) scale(0.8833); transform: translate(37.5%, -50.6667vh) scale(0.8833); } 40.06% { -webkit-transform: translate(40.4591%, -51.0439vh) scale(0.8825); transform: translate(40.4591%, -51.0439vh) scale(0.8825); } 40.35% { -webkit-transform: translate(43.3685%, -51.4211vh) scale(0.8816); transform: translate(43.3685%, -51.4211vh) scale(0.8816); } 40.64% { -webkit-transform: translate(46.226%, -51.7982vh) scale(0.8807); transform: translate(46.226%, -51.7982vh) scale(0.8807); } 40.94% { -webkit-transform: translate(49.0294%, -52.1754vh) scale(0.8798); transform: translate(49.0294%, -52.1754vh) scale(0.8798); } 41.23% { -webkit-transform: translate(51.7766%, -52.5526vh) scale(0.8789); transform: translate(51.7766%, -52.5526vh) scale(0.8789); } 41.52% { -webkit-transform: translate(54.4655%, -52.9298vh) scale(0.8781); transform: translate(54.4655%, -52.9298vh) scale(0.8781); } 41.81% { -webkit-transform: translate(57.094%, -53.307vh) scale(0.8772); transform: translate(57.094%, -53.307vh) scale(0.8772); } 42.11% { -webkit-transform: translate(59.6602%, -53.6842vh) scale(0.8763); transform: translate(59.6602%, -53.6842vh) scale(0.8763); } 42.4% { -webkit-transform: translate(62.1621%, -54.0614vh) scale(0.8754); transform: translate(62.1621%, -54.0614vh) scale(0.8754); } 42.69% { -webkit-transform: translate(64.5978%, -54.4386vh) scale(0.8746); transform: translate(64.5978%, -54.4386vh) scale(0.8746); } 42.98% { -webkit-transform: translate(66.9655%, -54.8158vh) scale(0.8737); transform: translate(66.9655%, -54.8158vh) scale(0.8737); } 43.27% { -webkit-transform: translate(69.2633%, -55.193vh) scale(0.8728); transform: translate(69.2633%, -55.193vh) scale(0.8728); } 43.57% { -webkit-transform: translate(71.4896%, -55.5702vh) scale(0.8719); transform: translate(71.4896%, -55.5702vh) scale(0.8719); } 43.86% { -webkit-transform: translate(73.6426%, -55.9474vh) scale(0.8711); transform: translate(73.6426%, -55.9474vh) scale(0.8711); } 44.15% { -webkit-transform: translate(75.7206%, -56.3246vh) scale(0.8702); transform: translate(75.7206%, -56.3246vh) scale(0.8702); } 44.44% { -webkit-transform: translate(77.7222%, -56.7018vh) scale(0.8693); transform: translate(77.7222%, -56.7018vh) scale(0.8693); } 44.74% { -webkit-transform: translate(79.6458%, -57.0789vh) scale(0.8684); transform: translate(79.6458%, -57.0789vh) scale(0.8684); } 45.03% { -webkit-transform: translate(81.4899%, -57.4561vh) scale(0.8675); transform: translate(81.4899%, -57.4561vh) scale(0.8675); } 45.32% { -webkit-transform: translate(83.2532%, -57.8333vh) scale(0.8667); transform: translate(83.2532%, -57.8333vh) scale(0.8667); } 45.61% { -webkit-transform: translate(84.9342%, -58.2105vh) scale(0.8658); transform: translate(84.9342%, -58.2105vh) scale(0.8658); } 45.91% { -webkit-transform: translate(86.5318%, -58.5877vh) scale(0.8649); transform: translate(86.5318%, -58.5877vh) scale(0.8649); } 46.2% { -webkit-transform: translate(88.0446%, -58.9649vh) scale(0.864); transform: translate(88.0446%, -58.9649vh) scale(0.864); } 46.49% { -webkit-transform: translate(89.4717%, -59.3421vh) scale(0.8632); transform: translate(89.4717%, -59.3421vh) scale(0.8632); } 46.78% { -webkit-transform: translate(90.8118%, -59.7193vh) scale(0.8623); transform: translate(90.8118%, -59.7193vh) scale(0.8623); } 47.08% { -webkit-transform: translate(92.0639%, -60.0965vh) scale(0.8614); transform: translate(92.0639%, -60.0965vh) scale(0.8614); } 47.37% { -webkit-transform: translate(93.2272%, -60.4737vh) scale(0.8605); transform: translate(93.2272%, -60.4737vh) scale(0.8605); } 47.66% { -webkit-transform: translate(94.3006%, -60.8509vh) scale(0.8596); transform: translate(94.3006%, -60.8509vh) scale(0.8596); } 47.95% { -webkit-transform: translate(95.2835%, -61.2281vh) scale(0.8588); transform: translate(95.2835%, -61.2281vh) scale(0.8588); } 48.25% { -webkit-transform: translate(96.175%, -61.6053vh) scale(0.8579); transform: translate(96.175%, -61.6053vh) scale(0.8579); } 48.54% { -webkit-transform: translate(96.9745%, -61.9825vh) scale(0.857); transform: translate(96.9745%, -61.9825vh) scale(0.857); } 48.83% { -webkit-transform: translate(97.6814%, -62.3596vh) scale(0.8561); transform: translate(97.6814%, -62.3596vh) scale(0.8561); } 49.12% { -webkit-transform: translate(98.2952%, -62.7368vh) scale(0.8553); transform: translate(98.2952%, -62.7368vh) scale(0.8553); } 49.42% { -webkit-transform: translate(98.8153%, -63.114vh) scale(0.8544); transform: translate(98.8153%, -63.114vh) scale(0.8544); } 49.71% { -webkit-transform: translate(99.2413%, -63.4912vh) scale(0.8535); transform: translate(99.2413%, -63.4912vh) scale(0.8535); } 50% { -webkit-transform: translate(99.5731%, -63.8684vh) scale(0.8526); transform: translate(99.5731%, -63.8684vh) scale(0.8526); } 50.29% { -webkit-transform: translate(99.8102%, -64.2456vh) scale(0.8518); transform: translate(99.8102%, -64.2456vh) scale(0.8518); } 50.58% { -webkit-transform: translate(99.9525%, -64.6228vh) scale(0.8509); transform: translate(99.9525%, -64.6228vh) scale(0.8509); } 50.88% { -webkit-transform: translate(100%, -65vh) scale(0.85); transform: translate(100%, -65vh) scale(0.85); } 51.17% { -webkit-transform: translate(99.9715%, -65.3772vh) scale(0.8496); transform: translate(99.9715%, -65.3772vh) scale(0.8496); } 51.46% { -webkit-transform: translate(99.8861%, -65.7544vh) scale(0.8491); transform: translate(99.8861%, -65.7544vh) scale(0.8491); } 51.75% { -webkit-transform: translate(99.7438%, -66.1316vh) scale(0.8487); transform: translate(99.7438%, -66.1316vh) scale(0.8487); } 52.05% { -webkit-transform: translate(99.5448%, -66.5088vh) scale(0.8482); transform: translate(99.5448%, -66.5088vh) scale(0.8482); } 52.34% { -webkit-transform: translate(99.2892%, -66.886vh) scale(0.8478); transform: translate(99.2892%, -66.886vh) scale(0.8478); } 52.63% { -webkit-transform: translate(98.9771%, -67.2632vh) scale(0.8474); transform: translate(98.9771%, -67.2632vh) scale(0.8474); } 52.92% { -webkit-transform: translate(98.6089%, -67.6404vh) scale(0.8469); transform: translate(98.6089%, -67.6404vh) scale(0.8469); } 53.22% { -webkit-transform: translate(98.1847%, -68.0175vh) scale(0.8465); transform: translate(98.1847%, -68.0175vh) scale(0.8465); } 53.51% { -webkit-transform: translate(97.705%, -68.3947vh) scale(0.8461); transform: translate(97.705%, -68.3947vh) scale(0.8461); } 53.8% { -webkit-transform: translate(97.1701%, -68.7719vh) scale(0.8456); transform: translate(97.1701%, -68.7719vh) scale(0.8456); } 54.09% { -webkit-transform: translate(96.5804%, -69.1491vh) scale(0.8452); transform: translate(96.5804%, -69.1491vh) scale(0.8452); } 54.39% { -webkit-transform: translate(95.9363%, -69.5263vh) scale(0.8447); transform: translate(95.9363%, -69.5263vh) scale(0.8447); } 54.68% { -webkit-transform: translate(95.2383%, -69.9035vh) scale(0.8443); transform: translate(95.2383%, -69.9035vh) scale(0.8443); } 54.97% { -webkit-transform: translate(94.4871%, -70.2807vh) scale(0.8439); transform: translate(94.4871%, -70.2807vh) scale(0.8439); } 55.26% { -webkit-transform: translate(93.683%, -70.6579vh) scale(0.8434); transform: translate(93.683%, -70.6579vh) scale(0.8434); } 55.56% { -webkit-transform: translate(92.8268%, -71.0351vh) scale(0.843); transform: translate(92.8268%, -71.0351vh) scale(0.843); } 55.85% { -webkit-transform: translate(91.9191%, -71.4123vh) scale(0.8425); transform: translate(91.9191%, -71.4123vh) scale(0.8425); } 56.14% { -webkit-transform: translate(90.9605%, -71.7895vh) scale(0.8421); transform: translate(90.9605%, -71.7895vh) scale(0.8421); } 56.43% { -webkit-transform: translate(89.9519%, -72.1667vh) scale(0.8417); transform: translate(89.9519%, -72.1667vh) scale(0.8417); } 56.73% { -webkit-transform: translate(88.894%, -72.5439vh) scale(0.8412); transform: translate(88.894%, -72.5439vh) scale(0.8412); } 57.02% { -webkit-transform: translate(87.7875%, -72.9211vh) scale(0.8408); transform: translate(87.7875%, -72.9211vh) scale(0.8408); } 57.31% { -webkit-transform: translate(86.6333%, -73.2982vh) scale(0.8404); transform: translate(86.6333%, -73.2982vh) scale(0.8404); } 57.6% { -webkit-transform: translate(85.4324%, -73.6754vh) scale(0.8399); transform: translate(85.4324%, -73.6754vh) scale(0.8399); } 57.89% { -webkit-transform: translate(84.1855%, -74.0526vh) scale(0.8395); transform: translate(84.1855%, -74.0526vh) scale(0.8395); } 58.19% { -webkit-transform: translate(82.8937%, -74.4298vh) scale(0.839); transform: translate(82.8937%, -74.4298vh) scale(0.839); } 58.48% { -webkit-transform: translate(81.558%, -74.807vh) scale(0.8386); transform: translate(81.558%, -74.807vh) scale(0.8386); } 58.77% { -webkit-transform: translate(80.1793%, -75.1842vh) scale(0.8382); transform: translate(80.1793%, -75.1842vh) scale(0.8382); } 59.06% { -webkit-transform: translate(78.7587%, -75.5614vh) scale(0.8377); transform: translate(78.7587%, -75.5614vh) scale(0.8377); } 59.36% { -webkit-transform: translate(77.2973%, -75.9386vh) scale(0.8373); transform: translate(77.2973%, -75.9386vh) scale(0.8373); } 59.65% { -webkit-transform: translate(75.7961%, -76.3158vh) scale(0.8368); transform: translate(75.7961%, -76.3158vh) scale(0.8368); } 59.94% { -webkit-transform: translate(74.2564%, -76.693vh) scale(0.8364); transform: translate(74.2564%, -76.693vh) scale(0.8364); } 60.23% { -webkit-transform: translate(72.6793%, -77.0702vh) scale(0.836); transform: translate(72.6793%, -77.0702vh) scale(0.836); } 60.53% { -webkit-transform: translate(71.066%, -77.4474vh) scale(0.8355); transform: translate(71.066%, -77.4474vh) scale(0.8355); } 60.82% { -webkit-transform: translate(69.4176%, -77.8246vh) scale(0.8351); transform: translate(69.4176%, -77.8246vh) scale(0.8351); } 61.11% { -webkit-transform: translate(67.7356%, -78.2018vh) scale(0.8346); transform: translate(67.7356%, -78.2018vh) scale(0.8346); } 61.4% { -webkit-transform: translate(66.0211%, -78.5789vh) scale(0.8342); transform: translate(66.0211%, -78.5789vh) scale(0.8342); } 61.7% { -webkit-transform: translate(64.2755%, -78.9561vh) scale(0.8338); transform: translate(64.2755%, -78.9561vh) scale(0.8338); } 61.99% { -webkit-transform: translate(62.5%, -79.3333vh) scale(0.8333); transform: translate(62.5%, -79.3333vh) scale(0.8333); } 62.28% { -webkit-transform: translate(60.6961%, -79.7105vh) scale(0.8329); transform: translate(60.6961%, -79.7105vh) scale(0.8329); } 62.57% { -webkit-transform: translate(58.865%, -80.0877vh) scale(0.8325); transform: translate(58.865%, -80.0877vh) scale(0.8325); } 62.87% { -webkit-transform: translate(57.0082%, -80.4649vh) scale(0.832); transform: translate(57.0082%, -80.4649vh) scale(0.832); } 63.16% { -webkit-transform: translate(55.1272%, -80.8421vh) scale(0.8316); transform: translate(55.1272%, -80.8421vh) scale(0.8316); } 63.45% { -webkit-transform: translate(53.2232%, -81.2193vh) scale(0.8311); transform: translate(53.2232%, -81.2193vh) scale(0.8311); } 63.74% { -webkit-transform: translate(51.2978%, -81.5965vh) scale(0.8307); transform: translate(51.2978%, -81.5965vh) scale(0.8307); } 64.04% { -webkit-transform: translate(49.3525%, -81.9737vh) scale(0.8303); transform: translate(49.3525%, -81.9737vh) scale(0.8303); } 64.33% { -webkit-transform: translate(47.3886%, -82.3509vh) scale(0.8298); transform: translate(47.3886%, -82.3509vh) scale(0.8298); } 64.62% { -webkit-transform: translate(45.4078%, -82.7281vh) scale(0.8294); transform: translate(45.4078%, -82.7281vh) scale(0.8294); } 64.91% { -webkit-transform: translate(43.4114%, -83.1053vh) scale(0.8289); transform: translate(43.4114%, -83.1053vh) scale(0.8289); } 65.2% { -webkit-transform: translate(41.4011%, -83.4825vh) scale(0.8285); transform: translate(41.4011%, -83.4825vh) scale(0.8285); } 65.5% { -webkit-transform: translate(39.3783%, -83.8596vh) scale(0.8281); transform: translate(39.3783%, -83.8596vh) scale(0.8281); } 65.79% { -webkit-transform: translate(37.3446%, -84.2368vh) scale(0.8276); transform: translate(37.3446%, -84.2368vh) scale(0.8276); } 66.08% { -webkit-transform: translate(35.3015%, -84.614vh) scale(0.8272); transform: translate(35.3015%, -84.614vh) scale(0.8272); } 66.37% { -webkit-transform: translate(33.2506%, -84.9912vh) scale(0.8268); transform: translate(33.2506%, -84.9912vh) scale(0.8268); } 66.67% { -webkit-transform: translate(31.1935%, -85.3684vh) scale(0.8263); transform: translate(31.1935%, -85.3684vh) scale(0.8263); } 66.96% { -webkit-transform: translate(29.1316%, -85.7456vh) scale(0.8259); transform: translate(29.1316%, -85.7456vh) scale(0.8259); } 67.25% { -webkit-transform: translate(27.0666%, -86.1228vh) scale(0.8254); transform: translate(27.0666%, -86.1228vh) scale(0.8254); } 67.54% { -webkit-transform: translate(25%, -86.5vh) scale(0.825); transform: translate(25%, -86.5vh) scale(0.825); } 67.84% { -webkit-transform: translate(22.9334%, -86.8772vh) scale(0.8246); transform: translate(22.9334%, -86.8772vh) scale(0.8246); } 68.13% { -webkit-transform: translate(20.8684%, -87.2544vh) scale(0.8241); transform: translate(20.8684%, -87.2544vh) scale(0.8241); } 68.42% { -webkit-transform: translate(18.8065%, -87.6316vh) scale(0.8237); transform: translate(18.8065%, -87.6316vh) scale(0.8237); } 68.71% { -webkit-transform: translate(16.7494%, -88.0088vh) scale(0.8232); transform: translate(16.7494%, -88.0088vh) scale(0.8232); } 69.01% { -webkit-transform: translate(14.6985%, -88.386vh) scale(0.8228); transform: translate(14.6985%, -88.386vh) scale(0.8228); } 69.3% { -webkit-transform: translate(12.6554%, -88.7632vh) scale(0.8224); transform: translate(12.6554%, -88.7632vh) scale(0.8224); } 69.59% { -webkit-transform: translate(10.6217%, -89.1404vh) scale(0.8219); transform: translate(10.6217%, -89.1404vh) scale(0.8219); } 69.88% { -webkit-transform: translate(8.5989%, -89.5175vh) scale(0.8215); transform: translate(8.5989%, -89.5175vh) scale(0.8215); } 70.18% { -webkit-transform: translate(6.5886%, -89.8947vh) scale(0.8211); transform: translate(6.5886%, -89.8947vh) scale(0.8211); } 70.47% { -webkit-transform: translate(4.5922%, -90.2719vh) scale(0.8206); transform: translate(4.5922%, -90.2719vh) scale(0.8206); } 70.76% { -webkit-transform: translate(2.6114%, -90.6491vh) scale(0.8202); transform: translate(2.6114%, -90.6491vh) scale(0.8202); } 71.05% { -webkit-transform: translate(0.6475%, -91.0263vh) scale(0.8197); transform: translate(0.6475%, -91.0263vh) scale(0.8197); } 71.35% { -webkit-transform: translate(-1.2978%, -91.4035vh) scale(0.8193); transform: translate(-1.2978%, -91.4035vh) scale(0.8193); } 71.64% { -webkit-transform: translate(-3.2232%, -91.7807vh) scale(0.8189); transform: translate(-3.2232%, -91.7807vh) scale(0.8189); } 71.93% { -webkit-transform: translate(-5.1272%, -92.1579vh) scale(0.8184); transform: translate(-5.1272%, -92.1579vh) scale(0.8184); } 72.22% { -webkit-transform: translate(-7.0082%, -92.5351vh) scale(0.818); transform: translate(-7.0082%, -92.5351vh) scale(0.818); } 72.51% { -webkit-transform: translate(-8.865%, -92.9123vh) scale(0.8175); transform: translate(-8.865%, -92.9123vh) scale(0.8175); } 72.81% { -webkit-transform: translate(-10.6961%, -93.2895vh) scale(0.8171); transform: translate(-10.6961%, -93.2895vh) scale(0.8171); } 73.1% { -webkit-transform: translate(-12.5%, -93.6667vh) scale(0.8167); transform: translate(-12.5%, -93.6667vh) scale(0.8167); } 73.39% { -webkit-transform: translate(-14.2755%, -94.0439vh) scale(0.8162); transform: translate(-14.2755%, -94.0439vh) scale(0.8162); } 73.68% { -webkit-transform: translate(-16.0211%, -94.4211vh) scale(0.8158); transform: translate(-16.0211%, -94.4211vh) scale(0.8158); } 73.98% { -webkit-transform: translate(-17.7356%, -94.7982vh) scale(0.8154); transform: translate(-17.7356%, -94.7982vh) scale(0.8154); } 74.27% { -webkit-transform: translate(-19.4176%, -95.1754vh) scale(0.8149); transform: translate(-19.4176%, -95.1754vh) scale(0.8149); } 74.56% { -webkit-transform: translate(-21.066%, -95.5526vh) scale(0.8145); transform: translate(-21.066%, -95.5526vh) scale(0.8145); } 74.85% { -webkit-transform: translate(-22.6793%, -95.9298vh) scale(0.814); transform: translate(-22.6793%, -95.9298vh) scale(0.814); } 75.15% { -webkit-transform: translate(-24.2564%, -96.307vh) scale(0.8136); transform: translate(-24.2564%, -96.307vh) scale(0.8136); } 75.44% { -webkit-transform: translate(-25.7961%, -96.6842vh) scale(0.8132); transform: translate(-25.7961%, -96.6842vh) scale(0.8132); } 75.73% { -webkit-transform: translate(-27.2973%, -97.0614vh) scale(0.8127); transform: translate(-27.2973%, -97.0614vh) scale(0.8127); } 76.02% { -webkit-transform: translate(-28.7587%, -97.4386vh) scale(0.8123); transform: translate(-28.7587%, -97.4386vh) scale(0.8123); } 76.32% { -webkit-transform: translate(-30.1793%, -97.8158vh) scale(0.8118); transform: translate(-30.1793%, -97.8158vh) scale(0.8118); } 76.61% { -webkit-transform: translate(-31.558%, -98.193vh) scale(0.8114); transform: translate(-31.558%, -98.193vh) scale(0.8114); } 76.9% { -webkit-transform: translate(-32.8937%, -98.5702vh) scale(0.811); transform: translate(-32.8937%, -98.5702vh) scale(0.811); } 77.19% { -webkit-transform: translate(-34.1855%, -98.9474vh) scale(0.8105); transform: translate(-34.1855%, -98.9474vh) scale(0.8105); } 77.49% { -webkit-transform: translate(-35.4324%, -99.3246vh) scale(0.8101); transform: translate(-35.4324%, -99.3246vh) scale(0.8101); } 77.78% { -webkit-transform: translate(-36.6333%, -99.7018vh) scale(0.8096); transform: translate(-36.6333%, -99.7018vh) scale(0.8096); } 78.07% { -webkit-transform: translate(-37.7875%, -100.0789vh) scale(0.8092); transform: translate(-37.7875%, -100.0789vh) scale(0.8092); } 78.36% { -webkit-transform: translate(-38.894%, -100.4561vh) scale(0.8088); transform: translate(-38.894%, -100.4561vh) scale(0.8088); } 78.65% { -webkit-transform: translate(-39.9519%, -100.8333vh) scale(0.8083); transform: translate(-39.9519%, -100.8333vh) scale(0.8083); } 78.95% { -webkit-transform: translate(-40.9605%, -101.2105vh) scale(0.8079); transform: translate(-40.9605%, -101.2105vh) scale(0.8079); } 79.24% { -webkit-transform: translate(-41.9191%, -101.5877vh) scale(0.8075); transform: translate(-41.9191%, -101.5877vh) scale(0.8075); } 79.53% { -webkit-transform: translate(-42.8268%, -101.9649vh) scale(0.807); transform: translate(-42.8268%, -101.9649vh) scale(0.807); } 79.82% { -webkit-transform: translate(-43.683%, -102.3421vh) scale(0.8066); transform: translate(-43.683%, -102.3421vh) scale(0.8066); } 80.12% { -webkit-transform: translate(-44.4871%, -102.7193vh) scale(0.8061); transform: translate(-44.4871%, -102.7193vh) scale(0.8061); } 80.41% { -webkit-transform: translate(-45.2383%, -103.0965vh) scale(0.8057); transform: translate(-45.2383%, -103.0965vh) scale(0.8057); } 80.7% { -webkit-transform: translate(-45.9363%, -103.4737vh) scale(0.8053); transform: translate(-45.9363%, -103.4737vh) scale(0.8053); } 80.99% { -webkit-transform: translate(-46.5804%, -103.8509vh) scale(0.8048); transform: translate(-46.5804%, -103.8509vh) scale(0.8048); } 81.29% { -webkit-transform: translate(-47.1701%, -104.2281vh) scale(0.8044); transform: translate(-47.1701%, -104.2281vh) scale(0.8044); } 81.58% { -webkit-transform: translate(-47.705%, -104.6053vh) scale(0.8039); transform: translate(-47.705%, -104.6053vh) scale(0.8039); } 81.87% { -webkit-transform: translate(-48.1847%, -104.9825vh) scale(0.8035); transform: translate(-48.1847%, -104.9825vh) scale(0.8035); } 82.16% { -webkit-transform: translate(-48.6089%, -105.3596vh) scale(0.8031); transform: translate(-48.6089%, -105.3596vh) scale(0.8031); } 82.46% { -webkit-transform: translate(-48.9771%, -105.7368vh) scale(0.8026); transform: translate(-48.9771%, -105.7368vh) scale(0.8026); } 82.75% { -webkit-transform: translate(-49.2892%, -106.114vh) scale(0.8022); transform: translate(-49.2892%, -106.114vh) scale(0.8022); } 83.04% { -webkit-transform: translate(-49.5448%, -106.4912vh) scale(0.8018); transform: translate(-49.5448%, -106.4912vh) scale(0.8018); } 83.33% { -webkit-transform: translate(-49.7438%, -106.8684vh) scale(0.8013); transform: translate(-49.7438%, -106.8684vh) scale(0.8013); } 83.63% { -webkit-transform: translate(-49.8861%, -107.2456vh) scale(0.8009); transform: translate(-49.8861%, -107.2456vh) scale(0.8009); } 83.92% { -webkit-transform: translate(-49.9715%, -107.6228vh) scale(0.8004); transform: translate(-49.9715%, -107.6228vh) scale(0.8004); } 84.21% { -webkit-transform: translate(-50%, -108vh) scale(0.8); transform: translate(-50%, -108vh) scale(0.8); } 84.5% { -webkit-transform: translate(-49.9788%, -108.4074vh) scale(0.7981); transform: translate(-49.9788%, -108.4074vh) scale(0.7981); } 84.8% { -webkit-transform: translate(-49.9154%, -108.8148vh) scale(0.7963); transform: translate(-49.9154%, -108.8148vh) scale(0.7963); } 85.09% { -webkit-transform: translate(-49.8097%, -109.2222vh) scale(0.7944); transform: translate(-49.8097%, -109.2222vh) scale(0.7944); } 85.38% { -webkit-transform: translate(-49.6619%, -109.6296vh) scale(0.7926); transform: translate(-49.6619%, -109.6296vh) scale(0.7926); } 85.67% { -webkit-transform: translate(-49.4721%, -110.037vh) scale(0.7907); transform: translate(-49.4721%, -110.037vh) scale(0.7907); } 85.96% { -webkit-transform: translate(-49.2404%, -110.4444vh) scale(0.7889); transform: translate(-49.2404%, -110.4444vh) scale(0.7889); } 86.26% { -webkit-transform: translate(-48.967%, -110.8519vh) scale(0.787); transform: translate(-48.967%, -110.8519vh) scale(0.787); } 86.55% { -webkit-transform: translate(-48.6522%, -111.2593vh) scale(0.7852); transform: translate(-48.6522%, -111.2593vh) scale(0.7852); } 86.84% { -webkit-transform: translate(-48.2963%, -111.6667vh) scale(0.7833); transform: translate(-48.2963%, -111.6667vh) scale(0.7833); } 87.13% { -webkit-transform: translate(-47.8995%, -112.0741vh) scale(0.7815); transform: translate(-47.8995%, -112.0741vh) scale(0.7815); } 87.43% { -webkit-transform: translate(-47.4621%, -112.4815vh) scale(0.7796); transform: translate(-47.4621%, -112.4815vh) scale(0.7796); } 87.72% { -webkit-transform: translate(-46.9846%, -112.8889vh) scale(0.7778); transform: translate(-46.9846%, -112.8889vh) scale(0.7778); } 88.01% { -webkit-transform: translate(-46.4674%, -113.2963vh) scale(0.7759); transform: translate(-46.4674%, -113.2963vh) scale(0.7759); } 88.3% { -webkit-transform: translate(-45.9108%, -113.7037vh) scale(0.7741); transform: translate(-45.9108%, -113.7037vh) scale(0.7741); } 88.6% { -webkit-transform: translate(-45.3154%, -114.1111vh) scale(0.7722); transform: translate(-45.3154%, -114.1111vh) scale(0.7722); } 88.89% { -webkit-transform: translate(-44.6816%, -114.5185vh) scale(0.7704); transform: translate(-44.6816%, -114.5185vh) scale(0.7704); } 89.18% { -webkit-transform: translate(-44.0101%, -114.9259vh) scale(0.7685); transform: translate(-44.0101%, -114.9259vh) scale(0.7685); } 89.47% { -webkit-transform: translate(-43.3013%, -115.3333vh) scale(0.7667); transform: translate(-43.3013%, -115.3333vh) scale(0.7667); } 89.77% { -webkit-transform: translate(-42.5558%, -115.7407vh) scale(0.7648); transform: translate(-42.5558%, -115.7407vh) scale(0.7648); } 90.06% { -webkit-transform: translate(-41.7744%, -116.1481vh) scale(0.763); transform: translate(-41.7744%, -116.1481vh) scale(0.763); } 90.35% { -webkit-transform: translate(-40.9576%, -116.5556vh) scale(0.7611); transform: translate(-40.9576%, -116.5556vh) scale(0.7611); } 90.64% { -webkit-transform: translate(-40.1062%, -116.963vh) scale(0.7593); transform: translate(-40.1062%, -116.963vh) scale(0.7593); } 90.94% { -webkit-transform: translate(-39.2208%, -117.3704vh) scale(0.7574); transform: translate(-39.2208%, -117.3704vh) scale(0.7574); } 91.23% { -webkit-transform: translate(-38.3022%, -117.7778vh) scale(0.7556); transform: translate(-38.3022%, -117.7778vh) scale(0.7556); } 91.52% { -webkit-transform: translate(-37.3513%, -118.1852vh) scale(0.7537); transform: translate(-37.3513%, -118.1852vh) scale(0.7537); } 91.81% { -webkit-transform: translate(-36.3687%, -118.5926vh) scale(0.7519); transform: translate(-36.3687%, -118.5926vh) scale(0.7519); } 92.11% { -webkit-transform: translate(-35.3553%, -119vh) scale(0.75); transform: translate(-35.3553%, -119vh) scale(0.75); } 92.4% { -webkit-transform: translate(-34.3121%, -119.4074vh) scale(0.7481); transform: translate(-34.3121%, -119.4074vh) scale(0.7481); } 92.69% { -webkit-transform: translate(-33.2398%, -119.8148vh) scale(0.7463); transform: translate(-33.2398%, -119.8148vh) scale(0.7463); } 92.98% { -webkit-transform: translate(-32.1394%, -120.2222vh) scale(0.7444); transform: translate(-32.1394%, -120.2222vh) scale(0.7444); } 93.27% { -webkit-transform: translate(-31.0118%, -120.6296vh) scale(0.7426); transform: translate(-31.0118%, -120.6296vh) scale(0.7426); } 93.57% { -webkit-transform: translate(-29.8579%, -121.037vh) scale(0.7407); transform: translate(-29.8579%, -121.037vh) scale(0.7407); } 93.86% { -webkit-transform: translate(-28.6788%, -121.4444vh) scale(0.7389); transform: translate(-28.6788%, -121.4444vh) scale(0.7389); } 94.15% { -webkit-transform: translate(-27.4754%, -121.8519vh) scale(0.737); transform: translate(-27.4754%, -121.8519vh) scale(0.737); } 94.44% { -webkit-transform: translate(-26.2488%, -122.2593vh) scale(0.7352); transform: translate(-26.2488%, -122.2593vh) scale(0.7352); } 94.74% { -webkit-transform: translate(-25%, -122.6667vh) scale(0.7333); transform: translate(-25%, -122.6667vh) scale(0.7333); } 95.03% { -webkit-transform: translate(-23.73%, -123.0741vh) scale(0.7315); transform: translate(-23.73%, -123.0741vh) scale(0.7315); } 95.32% { -webkit-transform: translate(-22.44%, -123.4815vh) scale(0.7296); transform: translate(-22.44%, -123.4815vh) scale(0.7296); } 95.61% { -webkit-transform: translate(-21.1309%, -123.8889vh) scale(0.7278); transform: translate(-21.1309%, -123.8889vh) scale(0.7278); } 95.91% { -webkit-transform: translate(-19.804%, -124.2963vh) scale(0.7259); transform: translate(-19.804%, -124.2963vh) scale(0.7259); } 96.2% { -webkit-transform: translate(-18.4603%, -124.7037vh) scale(0.7241); transform: translate(-18.4603%, -124.7037vh) scale(0.7241); } 96.49% { -webkit-transform: translate(-17.101%, -125.1111vh) scale(0.7222); transform: translate(-17.101%, -125.1111vh) scale(0.7222); } 96.78% { -webkit-transform: translate(-15.7272%, -125.5185vh) scale(0.7204); transform: translate(-15.7272%, -125.5185vh) scale(0.7204); } 97.08% { -webkit-transform: translate(-14.3402%, -125.9259vh) scale(0.7185); transform: translate(-14.3402%, -125.9259vh) scale(0.7185); } 97.37% { -webkit-transform: translate(-12.941%, -126.3333vh) scale(0.7167); transform: translate(-12.941%, -126.3333vh) scale(0.7167); } 97.66% { -webkit-transform: translate(-11.5308%, -126.7407vh) scale(0.7148); transform: translate(-11.5308%, -126.7407vh) scale(0.7148); } 97.95% { -webkit-transform: translate(-10.1109%, -127.1481vh) scale(0.713); transform: translate(-10.1109%, -127.1481vh) scale(0.713); } 98.25% { -webkit-transform: translate(-8.6824%, -127.5556vh) scale(0.7111); transform: translate(-8.6824%, -127.5556vh) scale(0.7111); } 98.54% { -webkit-transform: translate(-7.2466%, -127.963vh) scale(0.7093); transform: translate(-7.2466%, -127.963vh) scale(0.7093); } 98.83% { -webkit-transform: translate(-5.8046%, -128.3704vh) scale(0.7074); transform: translate(-5.8046%, -128.3704vh) scale(0.7074); } 99.12% { -webkit-transform: translate(-4.3578%, -128.7778vh) scale(0.7056); transform: translate(-4.3578%, -128.7778vh) scale(0.7056); } 99.42% { -webkit-transform: translate(-2.9072%, -129.1852vh) scale(0.7037); transform: translate(-2.9072%, -129.1852vh) scale(0.7037); } 99.71% { -webkit-transform: translate(-1.4542%, -129.5926vh) scale(0.7019); transform: translate(-1.4542%, -129.5926vh) scale(0.7019); } 100% { -webkit-transform: translate(0%, -130vh) scale(0.7); transform: translate(0%, -130vh) scale(0.7); }
}
@keyframes bubbly {
0% { -webkit-transform: translate(0%, 0vh) scale(1); transform: translate(0%, 0vh) scale(1); } 0.29% { -webkit-transform: translate(-3.9265%, -0.3667vh) scale(0.9992); transform: translate(-3.9265%, -0.3667vh) scale(0.9992); } 0.58% { -webkit-transform: translate(-7.8504%, -0.7333vh) scale(0.9983); transform: translate(-7.8504%, -0.7333vh) scale(0.9983); } 0.88% { -webkit-transform: translate(-11.7689%, -1.1vh) scale(0.9975); transform: translate(-11.7689%, -1.1vh) scale(0.9975); } 1.17% { -webkit-transform: translate(-15.6793%, -1.4667vh) scale(0.9967); transform: translate(-15.6793%, -1.4667vh) scale(0.9967); } 1.46% { -webkit-transform: translate(-19.5789%, -1.8333vh) scale(0.9958); transform: translate(-19.5789%, -1.8333vh) scale(0.9958); } 1.75% { -webkit-transform: translate(-23.4652%, -2.2vh) scale(0.995); transform: translate(-23.4652%, -2.2vh) scale(0.995); } 2.05% { -webkit-transform: translate(-27.3353%, -2.5667vh) scale(0.9942); transform: translate(-27.3353%, -2.5667vh) scale(0.9942); } 2.34% { -webkit-transform: translate(-31.1868%, -2.9333vh) scale(0.9933); transform: translate(-31.1868%, -2.9333vh) scale(0.9933); } 2.63% { -webkit-transform: translate(-35.0168%, -3.3vh) scale(0.9925); transform: translate(-35.0168%, -3.3vh) scale(0.9925); } 2.92% { -webkit-transform: translate(-38.8229%, -3.6667vh) scale(0.9917); transform: translate(-38.8229%, -3.6667vh) scale(0.9917); } 3.22% { -webkit-transform: translate(-42.6023%, -4.0333vh) scale(0.9908); transform: translate(-42.6023%, -4.0333vh) scale(0.9908); } 3.51% { -webkit-transform: translate(-46.3525%, -4.4vh) scale(0.99); transform: translate(-46.3525%, -4.4vh) scale(0.99); } 3.8% { -webkit-transform: translate(-50.071%, -4.7667vh) scale(0.9892); transform: translate(-50.071%, -4.7667vh) scale(0.9892); } 4.09% { -webkit-transform: translate(-53.7552%, -5.1333vh) scale(0.9883); transform: translate(-53.7552%, -5.1333vh) scale(0.9883); } 4.39% { -webkit-transform: translate(-57.4025%, -5.5vh) scale(0.9875); transform: translate(-57.4025%, -5.5vh) scale(0.9875); } 4.68% { -webkit-transform: translate(-61.0105%, -5.8667vh) scale(0.9867); transform: translate(-61.0105%, -5.8667vh) scale(0.9867); } 4.97% { -webkit-transform: translate(-64.5767%, -6.2333vh) scale(0.9858); transform: translate(-64.5767%, -6.2333vh) scale(0.9858); } 5.26% { -webkit-transform: translate(-68.0986%, -6.6vh) scale(0.985); transform: translate(-68.0986%, -6.6vh) scale(0.985); } 5.56% { -webkit-transform: translate(-71.5738%, -6.9667vh) scale(0.9842); transform: translate(-71.5738%, -6.9667vh) scale(0.9842); } 5.85% { -webkit-transform: translate(-75%, -7.3333vh) scale(0.9833); transform: translate(-75%, -7.3333vh) scale(0.9833); } 6.14% { -webkit-transform: translate(-78.3748%, -7.7vh) scale(0.9825); transform: translate(-78.3748%, -7.7vh) scale(0.9825); } 6.43% { -webkit-transform: translate(-81.6959%, -8.0667vh) scale(0.9817); transform: translate(-81.6959%, -8.0667vh) scale(0.9817); } 6.73% { -webkit-transform: translate(-84.9609%, -8.4333vh) scale(0.9808); transform: translate(-84.9609%, -8.4333vh) scale(0.9808); } 7.02% { -webkit-transform: translate(-88.1678%, -8.8vh) scale(0.98); transform: translate(-88.1678%, -8.8vh) scale(0.98); } 7.31% { -webkit-transform: translate(-91.3142%, -9.1667vh) scale(0.9792); transform: translate(-91.3142%, -9.1667vh) scale(0.9792); } 7.6% { -webkit-transform: translate(-94.3981%, -9.5333vh) scale(0.9783); transform: translate(-94.3981%, -9.5333vh) scale(0.9783); } 7.89% { -webkit-transform: translate(-97.4172%, -9.9vh) scale(0.9775); transform: translate(-97.4172%, -9.9vh) scale(0.9775); } 8.19% { -webkit-transform: translate(-100.3696%, -10.2667vh) scale(0.9767); transform: translate(-100.3696%, -10.2667vh) scale(0.9767); } 8.48% { -webkit-transform: translate(-103.2532%, -10.6333vh) scale(0.9758); transform: translate(-103.2532%, -10.6333vh) scale(0.9758); } 8.77% { -webkit-transform: translate(-106.066%, -11vh) scale(0.975); transform: translate(-106.066%, -11vh) scale(0.975); } 9.06% { -webkit-transform: translate(-108.8062%, -11.3667vh) scale(0.9742); transform: translate(-108.8062%, -11.3667vh) scale(0.9742); } 9.36% { -webkit-transform: translate(-111.4717%, -11.7333vh) scale(0.9733); transform: translate(-111.4717%, -11.7333vh) scale(0.9733); } 9.65% { -webkit-transform: translate(-114.0609%, -12.1vh) scale(0.9725); transform: translate(-114.0609%, -12.1vh) scale(0.9725); } 9.94% { -webkit-transform: translate(-116.5719%, -12.4667vh) scale(0.9717); transform: translate(-116.5719%, -12.4667vh) scale(0.9717); } 10.23% { -webkit-transform: translate(-119.003%, -12.8333vh) scale(0.9708); transform: translate(-119.003%, -12.8333vh) scale(0.9708); } 10.53% { -webkit-transform: translate(-121.3525%, -13.2vh) scale(0.97); transform: translate(-121.3525%, -13.2vh) scale(0.97); } 10.82% { -webkit-transform: translate(-123.6189%, -13.5667vh) scale(0.9692); transform: translate(-123.6189%, -13.5667vh) scale(0.9692); } 11.11% { -webkit-transform: translate(-125.8006%, -13.9333vh) scale(0.9683); transform: translate(-125.8006%, -13.9333vh) scale(0.9683); } 11.4% { -webkit-transform: translate(-127.896%, -14.3vh) scale(0.9675); transform: translate(-127.896%, -14.3vh) scale(0.9675); } 11.7% { -webkit-transform: translate(-129.9038%, -14.6667vh) scale(0.9667); transform: translate(-129.9038%, -14.6667vh) scale(0.9667); } 11.99% { -webkit-transform: translate(-131.8226%, -15.0333vh) scale(0.9658); transform: translate(-131.8226%, -15.0333vh) scale(0.9658); } 12.28% { -webkit-transform: translate(-133.651%, -15.4vh) scale(0.965); transform: translate(-133.651%, -15.4vh) scale(0.965); } 12.57% { -webkit-transform: translate(-135.3878%, -15.7667vh) scale(0.9642); transform: translate(-135.3878%, -15.7667vh) scale(0.9642); } 12.87% { -webkit-transform: translate(-137.0318%, -16.1333vh) scale(0.9633); transform: translate(-137.0318%, -16.1333vh) scale(0.9633); } 13.16% { -webkit-transform: translate(-138.5819%, -16.5vh) scale(0.9625); transform: translate(-138.5819%, -16.5vh) scale(0.9625); } 13.45% { -webkit-transform: translate(-140.0371%, -16.8667vh) scale(0.9617); transform: translate(-140.0371%, -16.8667vh) scale(0.9617); } 13.74% { -webkit-transform: translate(-141.3962%, -17.2333vh) scale(0.9608); transform: translate(-141.3962%, -17.2333vh) scale(0.9608); } 14.04% { -webkit-transform: translate(-142.6585%, -17.6vh) scale(0.96); transform: translate(-142.6585%, -17.6vh) scale(0.96); } 14.33% { -webkit-transform: translate(-143.823%, -17.9667vh) scale(0.9592); transform: translate(-143.823%, -17.9667vh) scale(0.9592); } 14.62% { -webkit-transform: translate(-144.8889%, -18.3333vh) scale(0.9583); transform: translate(-144.8889%, -18.3333vh) scale(0.9583); } 14.91% { -webkit-transform: translate(-145.8555%, -18.7vh) scale(0.9575); transform: translate(-145.8555%, -18.7vh) scale(0.9575); } 15.2% { -webkit-transform: translate(-146.7221%, -19.0667vh) scale(0.9567); transform: translate(-146.7221%, -19.0667vh) scale(0.9567); } 15.5% { -webkit-transform: translate(-147.4882%, -19.4333vh) scale(0.9558); transform: translate(-147.4882%, -19.4333vh) scale(0.9558); } 15.79% { -webkit-transform: translate(-148.1533%, -19.8vh) scale(0.955); transform: translate(-148.1533%, -19.8vh) scale(0.955); } 16.08% { -webkit-transform: translate(-148.7167%, -20.1667vh) scale(0.9542); transform: translate(-148.7167%, -20.1667vh) scale(0.9542); } 16.37% { -webkit-transform: translate(-149.1783%, -20.5333vh) scale(0.9533); transform: translate(-149.1783%, -20.5333vh) scale(0.9533); } 16.67% { -webkit-transform: translate(-149.5376%, -20.9vh) scale(0.9525); transform: translate(-149.5376%, -20.9vh) scale(0.9525); } 16.96% { -webkit-transform: translate(-149.7944%, -21.2667vh) scale(0.9517); transform: translate(-149.7944%, -21.2667vh) scale(0.9517); } 17.25% { -webkit-transform: translate(-149.9486%, -21.6333vh) scale(0.9508); transform: translate(-149.9486%, -21.6333vh) scale(0.9508); } 17.54% { -webkit-transform: translate(-150%, -22vh) scale(0.95); transform: translate(-150%, -22vh) scale(0.95); } 17.84% { -webkit-transform: translate(-149.9525%, -22.3772vh) scale(0.9491); transform: translate(-149.9525%, -22.3772vh) scale(0.9491); } 18.13% { -webkit-transform: translate(-149.8102%, -22.7544vh) scale(0.9482); transform: translate(-149.8102%, -22.7544vh) scale(0.9482); } 18.42% { -webkit-transform: translate(-149.5731%, -23.1316vh) scale(0.9474); transform: translate(-149.5731%, -23.1316vh) scale(0.9474); } 18.71% { -webkit-transform: translate(-149.2413%, -23.5088vh) scale(0.9465); transform: translate(-149.2413%, -23.5088vh) scale(0.9465); } 19.01% { -webkit-transform: translate(-148.8153%, -23.886vh) scale(0.9456); transform: translate(-148.8153%, -23.886vh) scale(0.9456); } 19.3% { -webkit-transform: translate(-148.2952%, -24.2632vh) scale(0.9447); transform: translate(-148.2952%, -24.2632vh) scale(0.9447); } 19.59% { -webkit-transform: translate(-147.6814%, -24.6404vh) scale(0.9439); transform: translate(-147.6814%, -24.6404vh) scale(0.9439); } 19.88% { -webkit-transform: translate(-146.9745%, -25.0175vh) scale(0.943); transform: translate(-146.9745%, -25.0175vh) scale(0.943); } 20.18% { -webkit-transform: translate(-146.175%, -25.3947vh) scale(0.9421); transform: translate(-146.175%, -25.3947vh) scale(0.9421); } 20.47% { -webkit-transform: translate(-145.2835%, -25.7719vh) scale(0.9412); transform: translate(-145.2835%, -25.7719vh) scale(0.9412); } 20.76% { -webkit-transform: translate(-144.3006%, -26.1491vh) scale(0.9404); transform: translate(-144.3006%, -26.1491vh) scale(0.9404); } 21.05% { -webkit-transform: translate(-143.2272%, -26.5263vh) scale(0.9395); transform: translate(-143.2272%, -26.5263vh) scale(0.9395); } 21.35% { -webkit-transform: translate(-142.0639%, -26.9035vh) scale(0.9386); transform: translate(-142.0639%, -26.9035vh) scale(0.9386); } 21.64% { -webkit-transform: translate(-140.8118%, -27.2807vh) scale(0.9377); transform: translate(-140.8118%, -27.2807vh) scale(0.9377); } 21.93% { -webkit-transform: translate(-139.4717%, -27.6579vh) scale(0.9368); transform: translate(-139.4717%, -27.6579vh) scale(0.9368); } 22.22% { -webkit-transform: translate(-138.0446%, -28.0351vh) scale(0.936); transform: translate(-138.0446%, -28.0351vh) scale(0.936); } 22.51% { -webkit-transform: translate(-136.5318%, -28.4123vh) scale(0.9351); transform: translate(-136.5318%, -28.4123vh) scale(0.9351); } 22.81% { -webkit-transform: translate(-134.9342%, -28.7895vh) scale(0.9342); transform: translate(-134.9342%, -28.7895vh) scale(0.9342); } 23.1% { -webkit-transform: translate(-133.2532%, -29.1667vh) scale(0.9333); transform: translate(-133.2532%, -29.1667vh) scale(0.9333); } 23.39% { -webkit-transform: translate(-131.4899%, -29.5439vh) scale(0.9325); transform: translate(-131.4899%, -29.5439vh) scale(0.9325); } 23.68% { -webkit-transform: translate(-129.6458%, -29.9211vh) scale(0.9316); transform: translate(-129.6458%, -29.9211vh) scale(0.9316); } 23.98% { -webkit-transform: translate(-127.7222%, -30.2982vh) scale(0.9307); transform: translate(-127.7222%, -30.2982vh) scale(0.9307); } 24.27% { -webkit-transform: translate(-125.7206%, -30.6754vh) scale(0.9298); transform: translate(-125.7206%, -30.6754vh) scale(0.9298); } 24.56% { -webkit-transform: translate(-123.6426%, -31.0526vh) scale(0.9289); transform: translate(-123.6426%, -31.0526vh) scale(0.9289); } 24.85% { -webkit-transform: translate(-121.4896%, -31.4298vh) scale(0.9281); transform: translate(-121.4896%, -31.4298vh) scale(0.9281); } 25.15% { -webkit-transform: translate(-119.2633%, -31.807vh) scale(0.9272); transform: translate(-119.2633%, -31.807vh) scale(0.9272); } 25.44% { -webkit-transform: translate(-116.9655%, -32.1842vh) scale(0.9263); transform: translate(-116.9655%, -32.1842vh) scale(0.9263); } 25.73% { -webkit-transform: translate(-114.5978%, -32.5614vh) scale(0.9254); transform: translate(-114.5978%, -32.5614vh) scale(0.9254); } 26.02% { -webkit-transform: translate(-112.1621%, -32.9386vh) scale(0.9246); transform: translate(-112.1621%, -32.9386vh) scale(0.9246); } 26.32% { -webkit-transform: translate(-109.6602%, -33.3158vh) scale(0.9237); transform: translate(-109.6602%, -33.3158vh) scale(0.9237); } 26.61% { -webkit-transform: translate(-107.094%, -33.693vh) scale(0.9228); transform: translate(-107.094%, -33.693vh) scale(0.9228); } 26.9% { -webkit-transform: translate(-104.4655%, -34.0702vh) scale(0.9219); transform: translate(-104.4655%, -34.0702vh) scale(0.9219); } 27.19% { -webkit-transform: translate(-101.7766%, -34.4474vh) scale(0.9211); transform: translate(-101.7766%, -34.4474vh) scale(0.9211); } 27.49% { -webkit-transform: translate(-99.0294%, -34.8246vh) scale(0.9202); transform: translate(-99.0294%, -34.8246vh) scale(0.9202); } 27.78% { -webkit-transform: translate(-96.226%, -35.2018vh) scale(0.9193); transform: translate(-96.226%, -35.2018vh) scale(0.9193); } 28.07% { -webkit-transform: translate(-93.3685%, -35.5789vh) scale(0.9184); transform: translate(-93.3685%, -35.5789vh) scale(0.9184); } 28.36% { -webkit-transform: translate(-90.4591%, -35.9561vh) scale(0.9175); transform: translate(-90.4591%, -35.9561vh) scale(0.9175); } 28.65% { -webkit-transform: translate(-87.5%, -36.3333vh) scale(0.9167); transform: translate(-87.5%, -36.3333vh) scale(0.9167); } 28.95% { -webkit-transform: translate(-84.4934%, -36.7105vh) scale(0.9158); transform: translate(-84.4934%, -36.7105vh) scale(0.9158); } 29.24% { -webkit-transform: translate(-81.4417%, -37.0877vh) scale(0.9149); transform: translate(-81.4417%, -37.0877vh) scale(0.9149); } 29.53% { -webkit-transform: translate(-78.3471%, -37.4649vh) scale(0.914); transform: translate(-78.3471%, -37.4649vh) scale(0.914); } 29.82% { -webkit-transform: translate(-75.2119%, -37.8421vh) scale(0.9132); transform: translate(-75.2119%, -37.8421vh) scale(0.9132); } 30.12% { -webkit-transform: translate(-72.0387%, -38.2193vh) scale(0.9123); transform: translate(-72.0387%, -38.2193vh) scale(0.9123); } 30.41% { -webkit-transform: translate(-68.8297%, -38.5965vh) scale(0.9114); transform: translate(-68.8297%, -38.5965vh) scale(0.9114); } 30.7% { -webkit-transform: translate(-65.5874%, -38.9737vh) scale(0.9105); transform: translate(-65.5874%, -38.9737vh) scale(0.9105); } 30.99% { -webkit-transform: translate(-62.3144%, -39.3509vh) scale(0.9096); transform: translate(-62.3144%, -39.3509vh) scale(0.9096); } 31.29% { -webkit-transform: translate(-59.0129%, -39.7281vh) scale(0.9088); transform: translate(-59.0129%, -39.7281vh) scale(0.9088); } 31.58% { -webkit-transform: translate(-55.6857%, -40.1053vh) scale(0.9079); transform: translate(-55.6857%, -40.1053vh) scale(0.9079); } 31.87% { -webkit-transform: translate(-52.3351%, -40.4825vh) scale(0.907); transform: translate(-52.3351%, -40.4825vh) scale(0.907); } 32.16% { -webkit-transform: translate(-48.9638%, -40.8596vh) scale(0.9061); transform: translate(-48.9638%, -40.8596vh) scale(0.9061); } 32.46% { -webkit-transform: translate(-45.5743%, -41.2368vh) scale(0.9053); transform: translate(-45.5743%, -41.2368vh) scale(0.9053); } 32.75% { -webkit-transform: translate(-42.1692%, -41.614vh) scale(0.9044); transform: translate(-42.1692%, -41.614vh) scale(0.9044); } 33.04% { -webkit-transform: translate(-38.751%, -41.9912vh) scale(0.9035); transform: translate(-38.751%, -41.9912vh) scale(0.9035); } 33.33% { -webkit-transform: translate(-35.3224%, -42.3684vh) scale(0.9026); transform: translate(-35.3224%, -42.3684vh) scale(0.9026); } 33.63% { -webkit-transform: translate(-31.886%, -42.7456vh) scale(0.9018); transform: translate(-31.886%, -42.7456vh) scale(0.9018); } 33.92% { -webkit-transform: translate(-28.4443%, -43.1228vh) scale(0.9009); transform: translate(-28.4443%, -43.1228vh) scale(0.9009); } 34.21% { -webkit-transform: translate(-25%, -43.5vh) scale(0.9); transform: translate(-25%, -43.5vh) scale(0.9); } 34.5% { -webkit-transform: translate(-21.5557%, -43.8772vh) scale(0.8991); transform: translate(-21.5557%, -43.8772vh) scale(0.8991); } 34.8% { -webkit-transform: translate(-18.114%, -44.2544vh) scale(0.8982); transform: translate(-18.114%, -44.2544vh) scale(0.8982); } 35.09% { -webkit-transform: translate(-14.6776%, -44.6316vh) scale(0.8974); transform: translate(-14.6776%, -44.6316vh) scale(0.8974); } 35.38% { -webkit-transform: translate(-11.249%, -45.0088vh) scale(0.8965); transform: translate(-11.249%, -45.0088vh) scale(0.8965); } 35.67% { -webkit-transform: translate(-7.8308%, -45.386vh) scale(0.8956); transform: translate(-7.8308%, -45.386vh) scale(0.8956); } 35.96% { -webkit-transform: translate(-4.4257%, -45.7632vh) scale(0.8947); transform: translate(-4.4257%, -45.7632vh) scale(0.8947); } 36.26% { -webkit-transform: translate(-1.0362%, -46.1404vh) scale(0.8939); transform: translate(-1.0362%, -46.1404vh) scale(0.8939); } 36.55% { -webkit-transform: translate(2.3351%, -46.5175vh) scale(0.893); transform: translate(2.3351%, -46.5175vh) scale(0.893); } 36.84% { -webkit-transform: translate(5.6857%, -46.8947vh) scale(0.8921); transform: translate(5.6857%, -46.8947vh) scale(0.8921); } 37.13% { -webkit-transform: translate(9.0129%, -47.2719vh) scale(0.8912); transform: translate(9.0129%, -47.2719vh) scale(0.8912); } 37.43% { -webkit-transform: translate(12.3144%, -47.6491vh) scale(0.8904); transform: translate(12.3144%, -47.6491vh) scale(0.8904); } 37.72% { -webkit-transform: translate(15.5874%, -48.0263vh) scale(0.8895); transform: translate(15.5874%, -48.0263vh) scale(0.8895); } 38.01% { -webkit-transform: translate(18.8297%, -48.4035vh) scale(0.8886); transform: translate(18.8297%, -48.4035vh) scale(0.8886); } 38.3% { -webkit-transform: translate(22.0387%, -48.7807vh) scale(0.8877); transform: translate(22.0387%, -48.7807vh) scale(0.8877); } 38.6% { -webkit-transform: translate(25.2119%, -49.1579vh) scale(0.8868); transform: translate(25.2119%, -49.1579vh) scale(0.8868); } 38.89% { -webkit-transform: translate(28.3471%, -49.5351vh) scale(0.886); transform: translate(28.3471%, -49.5351vh) scale(0.886); } 39.18% { -webkit-transform: translate(31.4417%, -49.9123vh) scale(0.8851); transform: translate(31.4417%, -49.9123vh) scale(0.8851); } 39.47% { -webkit-transform: translate(34.4934%, -50.2895vh) scale(0.8842); transform: translate(34.4934%, -50.2895vh) scale(0.8842); } 39.77% { -webkit-transform: translate(37.5%, -50.6667vh) scale(0.8833); transform: translate(37.5%, -50.6667vh) scale(0.8833); } 40.06% { -webkit-transform: translate(40.4591%, -51.0439vh) scale(0.8825); transform: translate(40.4591%, -51.0439vh) scale(0.8825); } 40.35% { -webkit-transform: translate(43.3685%, -51.4211vh) scale(0.8816); transform: translate(43.3685%, -51.4211vh) scale(0.8816); } 40.64% { -webkit-transform: translate(46.226%, -51.7982vh) scale(0.8807); transform: translate(46.226%, -51.7982vh) scale(0.8807); } 40.94% { -webkit-transform: translate(49.0294%, -52.1754vh) scale(0.8798); transform: translate(49.0294%, -52.1754vh) scale(0.8798); } 41.23% { -webkit-transform: translate(51.7766%, -52.5526vh) scale(0.8789); transform: translate(51.7766%, -52.5526vh) scale(0.8789); } 41.52% { -webkit-transform: translate(54.4655%, -52.9298vh) scale(0.8781); transform: translate(54.4655%, -52.9298vh) scale(0.8781); } 41.81% { -webkit-transform: translate(57.094%, -53.307vh) scale(0.8772); transform: translate(57.094%, -53.307vh) scale(0.8772); } 42.11% { -webkit-transform: translate(59.6602%, -53.6842vh) scale(0.8763); transform: translate(59.6602%, -53.6842vh) scale(0.8763); } 42.4% { -webkit-transform: translate(62.1621%, -54.0614vh) scale(0.8754); transform: translate(62.1621%, -54.0614vh) scale(0.8754); } 42.69% { -webkit-transform: translate(64.5978%, -54.4386vh) scale(0.8746); transform: translate(64.5978%, -54.4386vh) scale(0.8746); } 42.98% { -webkit-transform: translate(66.9655%, -54.8158vh) scale(0.8737); transform: translate(66.9655%, -54.8158vh) scale(0.8737); } 43.27% { -webkit-transform: translate(69.2633%, -55.193vh) scale(0.8728); transform: translate(69.2633%, -55.193vh) scale(0.8728); } 43.57% { -webkit-transform: translate(71.4896%, -55.5702vh) scale(0.8719); transform: translate(71.4896%, -55.5702vh) scale(0.8719); } 43.86% { -webkit-transform: translate(73.6426%, -55.9474vh) scale(0.8711); transform: translate(73.6426%, -55.9474vh) scale(0.8711); } 44.15% { -webkit-transform: translate(75.7206%, -56.3246vh) scale(0.8702); transform: translate(75.7206%, -56.3246vh) scale(0.8702); } 44.44% { -webkit-transform: translate(77.7222%, -56.7018vh) scale(0.8693); transform: translate(77.7222%, -56.7018vh) scale(0.8693); } 44.74% { -webkit-transform: translate(79.6458%, -57.0789vh) scale(0.8684); transform: translate(79.6458%, -57.0789vh) scale(0.8684); } 45.03% { -webkit-transform: translate(81.4899%, -57.4561vh) scale(0.8675); transform: translate(81.4899%, -57.4561vh) scale(0.8675); } 45.32% { -webkit-transform: translate(83.2532%, -57.8333vh) scale(0.8667); transform: translate(83.2532%, -57.8333vh) scale(0.8667); } 45.61% { -webkit-transform: translate(84.9342%, -58.2105vh) scale(0.8658); transform: translate(84.9342%, -58.2105vh) scale(0.8658); } 45.91% { -webkit-transform: translate(86.5318%, -58.5877vh) scale(0.8649); transform: translate(86.5318%, -58.5877vh) scale(0.8649); } 46.2% { -webkit-transform: translate(88.0446%, -58.9649vh) scale(0.864); transform: translate(88.0446%, -58.9649vh) scale(0.864); } 46.49% { -webkit-transform: translate(89.4717%, -59.3421vh) scale(0.8632); transform: translate(89.4717%, -59.3421vh) scale(0.8632); } 46.78% { -webkit-transform: translate(90.8118%, -59.7193vh) scale(0.8623); transform: translate(90.8118%, -59.7193vh) scale(0.8623); } 47.08% { -webkit-transform: translate(92.0639%, -60.0965vh) scale(0.8614); transform: translate(92.0639%, -60.0965vh) scale(0.8614); } 47.37% { -webkit-transform: translate(93.2272%, -60.4737vh) scale(0.8605); transform: translate(93.2272%, -60.4737vh) scale(0.8605); } 47.66% { -webkit-transform: translate(94.3006%, -60.8509vh) scale(0.8596); transform: translate(94.3006%, -60.8509vh) scale(0.8596); } 47.95% { -webkit-transform: translate(95.2835%, -61.2281vh) scale(0.8588); transform: translate(95.2835%, -61.2281vh) scale(0.8588); } 48.25% { -webkit-transform: translate(96.175%, -61.6053vh) scale(0.8579); transform: translate(96.175%, -61.6053vh) scale(0.8579); } 48.54% { -webkit-transform: translate(96.9745%, -61.9825vh) scale(0.857); transform: translate(96.9745%, -61.9825vh) scale(0.857); } 48.83% { -webkit-transform: translate(97.6814%, -62.3596vh) scale(0.8561); transform: translate(97.6814%, -62.3596vh) scale(0.8561); } 49.12% { -webkit-transform: translate(98.2952%, -62.7368vh) scale(0.8553); transform: translate(98.2952%, -62.7368vh) scale(0.8553); } 49.42% { -webkit-transform: translate(98.8153%, -63.114vh) scale(0.8544); transform: translate(98.8153%, -63.114vh) scale(0.8544); } 49.71% { -webkit-transform: translate(99.2413%, -63.4912vh) scale(0.8535); transform: translate(99.2413%, -63.4912vh) scale(0.8535); } 50% { -webkit-transform: translate(99.5731%, -63.8684vh) scale(0.8526); transform: translate(99.5731%, -63.8684vh) scale(0.8526); } 50.29% { -webkit-transform: translate(99.8102%, -64.2456vh) scale(0.8518); transform: translate(99.8102%, -64.2456vh) scale(0.8518); } 50.58% { -webkit-transform: translate(99.9525%, -64.6228vh) scale(0.8509); transform: translate(99.9525%, -64.6228vh) scale(0.8509); } 50.88% { -webkit-transform: translate(100%, -65vh) scale(0.85); transform: translate(100%, -65vh) scale(0.85); } 51.17% { -webkit-transform: translate(99.9715%, -65.3772vh) scale(0.8496); transform: translate(99.9715%, -65.3772vh) scale(0.8496); } 51.46% { -webkit-transform: translate(99.8861%, -65.7544vh) scale(0.8491); transform: translate(99.8861%, -65.7544vh) scale(0.8491); } 51.75% { -webkit-transform: translate(99.7438%, -66.1316vh) scale(0.8487); transform: translate(99.7438%, -66.1316vh) scale(0.8487); } 52.05% { -webkit-transform: translate(99.5448%, -66.5088vh) scale(0.8482); transform: translate(99.5448%, -66.5088vh) scale(0.8482); } 52.34% { -webkit-transform: translate(99.2892%, -66.886vh) scale(0.8478); transform: translate(99.2892%, -66.886vh) scale(0.8478); } 52.63% { -webkit-transform: translate(98.9771%, -67.2632vh) scale(0.8474); transform: translate(98.9771%, -67.2632vh) scale(0.8474); } 52.92% { -webkit-transform: translate(98.6089%, -67.6404vh) scale(0.8469); transform: translate(98.6089%, -67.6404vh) scale(0.8469); } 53.22% { -webkit-transform: translate(98.1847%, -68.0175vh) scale(0.8465); transform: translate(98.1847%, -68.0175vh) scale(0.8465); } 53.51% { -webkit-transform: translate(97.705%, -68.3947vh) scale(0.8461); transform: translate(97.705%, -68.3947vh) scale(0.8461); } 53.8% { -webkit-transform: translate(97.1701%, -68.7719vh) scale(0.8456); transform: translate(97.1701%, -68.7719vh) scale(0.8456); } 54.09% { -webkit-transform: translate(96.5804%, -69.1491vh) scale(0.8452); transform: translate(96.5804%, -69.1491vh) scale(0.8452); } 54.39% { -webkit-transform: translate(95.9363%, -69.5263vh) scale(0.8447); transform: translate(95.9363%, -69.5263vh) scale(0.8447); } 54.68% { -webkit-transform: translate(95.2383%, -69.9035vh) scale(0.8443); transform: translate(95.2383%, -69.9035vh) scale(0.8443); } 54.97% { -webkit-transform: translate(94.4871%, -70.2807vh) scale(0.8439); transform: translate(94.4871%, -70.2807vh) scale(0.8439); } 55.26% { -webkit-transform: translate(93.683%, -70.6579vh) scale(0.8434); transform: translate(93.683%, -70.6579vh) scale(0.8434); } 55.56% { -webkit-transform: translate(92.8268%, -71.0351vh) scale(0.843); transform: translate(92.8268%, -71.0351vh) scale(0.843); } 55.85% { -webkit-transform: translate(91.9191%, -71.4123vh) scale(0.8425); transform: translate(91.9191%, -71.4123vh) scale(0.8425); } 56.14% { -webkit-transform: translate(90.9605%, -71.7895vh) scale(0.8421); transform: translate(90.9605%, -71.7895vh) scale(0.8421); } 56.43% { -webkit-transform: translate(89.9519%, -72.1667vh) scale(0.8417); transform: translate(89.9519%, -72.1667vh) scale(0.8417); } 56.73% { -webkit-transform: translate(88.894%, -72.5439vh) scale(0.8412); transform: translate(88.894%, -72.5439vh) scale(0.8412); } 57.02% { -webkit-transform: translate(87.7875%, -72.9211vh) scale(0.8408); transform: translate(87.7875%, -72.9211vh) scale(0.8408); } 57.31% { -webkit-transform: translate(86.6333%, -73.2982vh) scale(0.8404); transform: translate(86.6333%, -73.2982vh) scale(0.8404); } 57.6% { -webkit-transform: translate(85.4324%, -73.6754vh) scale(0.8399); transform: translate(85.4324%, -73.6754vh) scale(0.8399); } 57.89% { -webkit-transform: translate(84.1855%, -74.0526vh) scale(0.8395); transform: translate(84.1855%, -74.0526vh) scale(0.8395); } 58.19% { -webkit-transform: translate(82.8937%, -74.4298vh) scale(0.839); transform: translate(82.8937%, -74.4298vh) scale(0.839); } 58.48% { -webkit-transform: translate(81.558%, -74.807vh) scale(0.8386); transform: translate(81.558%, -74.807vh) scale(0.8386); } 58.77% { -webkit-transform: translate(80.1793%, -75.1842vh) scale(0.8382); transform: translate(80.1793%, -75.1842vh) scale(0.8382); } 59.06% { -webkit-transform: translate(78.7587%, -75.5614vh) scale(0.8377); transform: translate(78.7587%, -75.5614vh) scale(0.8377); } 59.36% { -webkit-transform: translate(77.2973%, -75.9386vh) scale(0.8373); transform: translate(77.2973%, -75.9386vh) scale(0.8373); } 59.65% { -webkit-transform: translate(75.7961%, -76.3158vh) scale(0.8368); transform: translate(75.7961%, -76.3158vh) scale(0.8368); } 59.94% { -webkit-transform: translate(74.2564%, -76.693vh) scale(0.8364); transform: translate(74.2564%, -76.693vh) scale(0.8364); } 60.23% { -webkit-transform: translate(72.6793%, -77.0702vh) scale(0.836); transform: translate(72.6793%, -77.0702vh) scale(0.836); } 60.53% { -webkit-transform: translate(71.066%, -77.4474vh) scale(0.8355); transform: translate(71.066%, -77.4474vh) scale(0.8355); } 60.82% { -webkit-transform: translate(69.4176%, -77.8246vh) scale(0.8351); transform: translate(69.4176%, -77.8246vh) scale(0.8351); } 61.11% { -webkit-transform: translate(67.7356%, -78.2018vh) scale(0.8346); transform: translate(67.7356%, -78.2018vh) scale(0.8346); } 61.4% { -webkit-transform: translate(66.0211%, -78.5789vh) scale(0.8342); transform: translate(66.0211%, -78.5789vh) scale(0.8342); } 61.7% { -webkit-transform: translate(64.2755%, -78.9561vh) scale(0.8338); transform: translate(64.2755%, -78.9561vh) scale(0.8338); } 61.99% { -webkit-transform: translate(62.5%, -79.3333vh) scale(0.8333); transform: translate(62.5%, -79.3333vh) scale(0.8333); } 62.28% { -webkit-transform: translate(60.6961%, -79.7105vh) scale(0.8329); transform: translate(60.6961%, -79.7105vh) scale(0.8329); } 62.57% { -webkit-transform: translate(58.865%, -80.0877vh) scale(0.8325); transform: translate(58.865%, -80.0877vh) scale(0.8325); } 62.87% { -webkit-transform: translate(57.0082%, -80.4649vh) scale(0.832); transform: translate(57.0082%, -80.4649vh) scale(0.832); } 63.16% { -webkit-transform: translate(55.1272%, -80.8421vh) scale(0.8316); transform: translate(55.1272%, -80.8421vh) scale(0.8316); } 63.45% { -webkit-transform: translate(53.2232%, -81.2193vh) scale(0.8311); transform: translate(53.2232%, -81.2193vh) scale(0.8311); } 63.74% { -webkit-transform: translate(51.2978%, -81.5965vh) scale(0.8307); transform: translate(51.2978%, -81.5965vh) scale(0.8307); } 64.04% { -webkit-transform: translate(49.3525%, -81.9737vh) scale(0.8303); transform: translate(49.3525%, -81.9737vh) scale(0.8303); } 64.33% { -webkit-transform: translate(47.3886%, -82.3509vh) scale(0.8298); transform: translate(47.3886%, -82.3509vh) scale(0.8298); } 64.62% { -webkit-transform: translate(45.4078%, -82.7281vh) scale(0.8294); transform: translate(45.4078%, -82.7281vh) scale(0.8294); } 64.91% { -webkit-transform: translate(43.4114%, -83.1053vh) scale(0.8289); transform: translate(43.4114%, -83.1053vh) scale(0.8289); } 65.2% { -webkit-transform: translate(41.4011%, -83.4825vh) scale(0.8285); transform: translate(41.4011%, -83.4825vh) scale(0.8285); } 65.5% { -webkit-transform: translate(39.3783%, -83.8596vh) scale(0.8281); transform: translate(39.3783%, -83.8596vh) scale(0.8281); } 65.79% { -webkit-transform: translate(37.3446%, -84.2368vh) scale(0.8276); transform: translate(37.3446%, -84.2368vh) scale(0.8276); } 66.08% { -webkit-transform: translate(35.3015%, -84.614vh) scale(0.8272); transform: translate(35.3015%, -84.614vh) scale(0.8272); } 66.37% { -webkit-transform: translate(33.2506%, -84.9912vh) scale(0.8268); transform: translate(33.2506%, -84.9912vh) scale(0.8268); } 66.67% { -webkit-transform: translate(31.1935%, -85.3684vh) scale(0.8263); transform: translate(31.1935%, -85.3684vh) scale(0.8263); } 66.96% { -webkit-transform: translate(29.1316%, -85.7456vh) scale(0.8259); transform: translate(29.1316%, -85.7456vh) scale(0.8259); } 67.25% { -webkit-transform: translate(27.0666%, -86.1228vh) scale(0.8254); transform: translate(27.0666%, -86.1228vh) scale(0.8254); } 67.54% { -webkit-transform: translate(25%, -86.5vh) scale(0.825); transform: translate(25%, -86.5vh) scale(0.825); } 67.84% { -webkit-transform: translate(22.9334%, -86.8772vh) scale(0.8246); transform: translate(22.9334%, -86.8772vh) scale(0.8246); } 68.13% { -webkit-transform: translate(20.8684%, -87.2544vh) scale(0.8241); transform: translate(20.8684%, -87.2544vh) scale(0.8241); } 68.42% { -webkit-transform: translate(18.8065%, -87.6316vh) scale(0.8237); transform: translate(18.8065%, -87.6316vh) scale(0.8237); } 68.71% { -webkit-transform: translate(16.7494%, -88.0088vh) scale(0.8232); transform: translate(16.7494%, -88.0088vh) scale(0.8232); } 69.01% { -webkit-transform: translate(14.6985%, -88.386vh) scale(0.8228); transform: translate(14.6985%, -88.386vh) scale(0.8228); } 69.3% { -webkit-transform: translate(12.6554%, -88.7632vh) scale(0.8224); transform: translate(12.6554%, -88.7632vh) scale(0.8224); } 69.59% { -webkit-transform: translate(10.6217%, -89.1404vh) scale(0.8219); transform: translate(10.6217%, -89.1404vh) scale(0.8219); } 69.88% { -webkit-transform: translate(8.5989%, -89.5175vh) scale(0.8215); transform: translate(8.5989%, -89.5175vh) scale(0.8215); } 70.18% { -webkit-transform: translate(6.5886%, -89.8947vh) scale(0.8211); transform: translate(6.5886%, -89.8947vh) scale(0.8211); } 70.47% { -webkit-transform: translate(4.5922%, -90.2719vh) scale(0.8206); transform: translate(4.5922%, -90.2719vh) scale(0.8206); } 70.76% { -webkit-transform: translate(2.6114%, -90.6491vh) scale(0.8202); transform: translate(2.6114%, -90.6491vh) scale(0.8202); } 71.05% { -webkit-transform: translate(0.6475%, -91.0263vh) scale(0.8197); transform: translate(0.6475%, -91.0263vh) scale(0.8197); } 71.35% { -webkit-transform: translate(-1.2978%, -91.4035vh) scale(0.8193); transform: translate(-1.2978%, -91.4035vh) scale(0.8193); } 71.64% { -webkit-transform: translate(-3.2232%, -91.7807vh) scale(0.8189); transform: translate(-3.2232%, -91.7807vh) scale(0.8189); } 71.93% { -webkit-transform: translate(-5.1272%, -92.1579vh) scale(0.8184); transform: translate(-5.1272%, -92.1579vh) scale(0.8184); } 72.22% { -webkit-transform: translate(-7.0082%, -92.5351vh) scale(0.818); transform: translate(-7.0082%, -92.5351vh) scale(0.818); } 72.51% { -webkit-transform: translate(-8.865%, -92.9123vh) scale(0.8175); transform: translate(-8.865%, -92.9123vh) scale(0.8175); } 72.81% { -webkit-transform: translate(-10.6961%, -93.2895vh) scale(0.8171); transform: translate(-10.6961%, -93.2895vh) scale(0.8171); } 73.1% { -webkit-transform: translate(-12.5%, -93.6667vh) scale(0.8167); transform: translate(-12.5%, -93.6667vh) scale(0.8167); } 73.39% { -webkit-transform: translate(-14.2755%, -94.0439vh) scale(0.8162); transform: translate(-14.2755%, -94.0439vh) scale(0.8162); } 73.68% { -webkit-transform: translate(-16.0211%, -94.4211vh) scale(0.8158); transform: translate(-16.0211%, -94.4211vh) scale(0.8158); } 73.98% { -webkit-transform: translate(-17.7356%, -94.7982vh) scale(0.8154); transform: translate(-17.7356%, -94.7982vh) scale(0.8154); } 74.27% { -webkit-transform: translate(-19.4176%, -95.1754vh) scale(0.8149); transform: translate(-19.4176%, -95.1754vh) scale(0.8149); } 74.56% { -webkit-transform: translate(-21.066%, -95.5526vh) scale(0.8145); transform: translate(-21.066%, -95.5526vh) scale(0.8145); } 74.85% { -webkit-transform: translate(-22.6793%, -95.9298vh) scale(0.814); transform: translate(-22.6793%, -95.9298vh) scale(0.814); } 75.15% { -webkit-transform: translate(-24.2564%, -96.307vh) scale(0.8136); transform: translate(-24.2564%, -96.307vh) scale(0.8136); } 75.44% { -webkit-transform: translate(-25.7961%, -96.6842vh) scale(0.8132); transform: translate(-25.7961%, -96.6842vh) scale(0.8132); } 75.73% { -webkit-transform: translate(-27.2973%, -97.0614vh) scale(0.8127); transform: translate(-27.2973%, -97.0614vh) scale(0.8127); } 76.02% { -webkit-transform: translate(-28.7587%, -97.4386vh) scale(0.8123); transform: translate(-28.7587%, -97.4386vh) scale(0.8123); } 76.32% { -webkit-transform: translate(-30.1793%, -97.8158vh) scale(0.8118); transform: translate(-30.1793%, -97.8158vh) scale(0.8118); } 76.61% { -webkit-transform: translate(-31.558%, -98.193vh) scale(0.8114); transform: translate(-31.558%, -98.193vh) scale(0.8114); } 76.9% { -webkit-transform: translate(-32.8937%, -98.5702vh) scale(0.811); transform: translate(-32.8937%, -98.5702vh) scale(0.811); } 77.19% { -webkit-transform: translate(-34.1855%, -98.9474vh) scale(0.8105); transform: translate(-34.1855%, -98.9474vh) scale(0.8105); } 77.49% { -webkit-transform: translate(-35.4324%, -99.3246vh) scale(0.8101); transform: translate(-35.4324%, -99.3246vh) scale(0.8101); } 77.78% { -webkit-transform: translate(-36.6333%, -99.7018vh) scale(0.8096); transform: translate(-36.6333%, -99.7018vh) scale(0.8096); } 78.07% { -webkit-transform: translate(-37.7875%, -100.0789vh) scale(0.8092); transform: translate(-37.7875%, -100.0789vh) scale(0.8092); } 78.36% { -webkit-transform: translate(-38.894%, -100.4561vh) scale(0.8088); transform: translate(-38.894%, -100.4561vh) scale(0.8088); } 78.65% { -webkit-transform: translate(-39.9519%, -100.8333vh) scale(0.8083); transform: translate(-39.9519%, -100.8333vh) scale(0.8083); } 78.95% { -webkit-transform: translate(-40.9605%, -101.2105vh) scale(0.8079); transform: translate(-40.9605%, -101.2105vh) scale(0.8079); } 79.24% { -webkit-transform: translate(-41.9191%, -101.5877vh) scale(0.8075); transform: translate(-41.9191%, -101.5877vh) scale(0.8075); } 79.53% { -webkit-transform: translate(-42.8268%, -101.9649vh) scale(0.807); transform: translate(-42.8268%, -101.9649vh) scale(0.807); } 79.82% { -webkit-transform: translate(-43.683%, -102.3421vh) scale(0.8066); transform: translate(-43.683%, -102.3421vh) scale(0.8066); } 80.12% { -webkit-transform: translate(-44.4871%, -102.7193vh) scale(0.8061); transform: translate(-44.4871%, -102.7193vh) scale(0.8061); } 80.41% { -webkit-transform: translate(-45.2383%, -103.0965vh) scale(0.8057); transform: translate(-45.2383%, -103.0965vh) scale(0.8057); } 80.7% { -webkit-transform: translate(-45.9363%, -103.4737vh) scale(0.8053); transform: translate(-45.9363%, -103.4737vh) scale(0.8053); } 80.99% { -webkit-transform: translate(-46.5804%, -103.8509vh) scale(0.8048); transform: translate(-46.5804%, -103.8509vh) scale(0.8048); } 81.29% { -webkit-transform: translate(-47.1701%, -104.2281vh) scale(0.8044); transform: translate(-47.1701%, -104.2281vh) scale(0.8044); } 81.58% { -webkit-transform: translate(-47.705%, -104.6053vh) scale(0.8039); transform: translate(-47.705%, -104.6053vh) scale(0.8039); } 81.87% { -webkit-transform: translate(-48.1847%, -104.9825vh) scale(0.8035); transform: translate(-48.1847%, -104.9825vh) scale(0.8035); } 82.16% { -webkit-transform: translate(-48.6089%, -105.3596vh) scale(0.8031); transform: translate(-48.6089%, -105.3596vh) scale(0.8031); } 82.46% { -webkit-transform: translate(-48.9771%, -105.7368vh) scale(0.8026); transform: translate(-48.9771%, -105.7368vh) scale(0.8026); } 82.75% { -webkit-transform: translate(-49.2892%, -106.114vh) scale(0.8022); transform: translate(-49.2892%, -106.114vh) scale(0.8022); } 83.04% { -webkit-transform: translate(-49.5448%, -106.4912vh) scale(0.8018); transform: translate(-49.5448%, -106.4912vh) scale(0.8018); } 83.33% { -webkit-transform: translate(-49.7438%, -106.8684vh) scale(0.8013); transform: translate(-49.7438%, -106.8684vh) scale(0.8013); } 83.63% { -webkit-transform: translate(-49.8861%, -107.2456vh) scale(0.8009); transform: translate(-49.8861%, -107.2456vh) scale(0.8009); } 83.92% { -webkit-transform: translate(-49.9715%, -107.6228vh) scale(0.8004); transform: translate(-49.9715%, -107.6228vh) scale(0.8004); } 84.21% { -webkit-transform: translate(-50%, -108vh) scale(0.8); transform: translate(-50%, -108vh) scale(0.8); } 84.5% { -webkit-transform: translate(-49.9788%, -108.4074vh) scale(0.7981); transform: translate(-49.9788%, -108.4074vh) scale(0.7981); } 84.8% { -webkit-transform: translate(-49.9154%, -108.8148vh) scale(0.7963); transform: translate(-49.9154%, -108.8148vh) scale(0.7963); } 85.09% { -webkit-transform: translate(-49.8097%, -109.2222vh) scale(0.7944); transform: translate(-49.8097%, -109.2222vh) scale(0.7944); } 85.38% { -webkit-transform: translate(-49.6619%, -109.6296vh) scale(0.7926); transform: translate(-49.6619%, -109.6296vh) scale(0.7926); } 85.67% { -webkit-transform: translate(-49.4721%, -110.037vh) scale(0.7907); transform: translate(-49.4721%, -110.037vh) scale(0.7907); } 85.96% { -webkit-transform: translate(-49.2404%, -110.4444vh) scale(0.7889); transform: translate(-49.2404%, -110.4444vh) scale(0.7889); } 86.26% { -webkit-transform: translate(-48.967%, -110.8519vh) scale(0.787); transform: translate(-48.967%, -110.8519vh) scale(0.787); } 86.55% { -webkit-transform: translate(-48.6522%, -111.2593vh) scale(0.7852); transform: translate(-48.6522%, -111.2593vh) scale(0.7852); } 86.84% { -webkit-transform: translate(-48.2963%, -111.6667vh) scale(0.7833); transform: translate(-48.2963%, -111.6667vh) scale(0.7833); } 87.13% { -webkit-transform: translate(-47.8995%, -112.0741vh) scale(0.7815); transform: translate(-47.8995%, -112.0741vh) scale(0.7815); } 87.43% { -webkit-transform: translate(-47.4621%, -112.4815vh) scale(0.7796); transform: translate(-47.4621%, -112.4815vh) scale(0.7796); } 87.72% { -webkit-transform: translate(-46.9846%, -112.8889vh) scale(0.7778); transform: translate(-46.9846%, -112.8889vh) scale(0.7778); } 88.01% { -webkit-transform: translate(-46.4674%, -113.2963vh) scale(0.7759); transform: translate(-46.4674%, -113.2963vh) scale(0.7759); } 88.3% { -webkit-transform: translate(-45.9108%, -113.7037vh) scale(0.7741); transform: translate(-45.9108%, -113.7037vh) scale(0.7741); } 88.6% { -webkit-transform: translate(-45.3154%, -114.1111vh) scale(0.7722); transform: translate(-45.3154%, -114.1111vh) scale(0.7722); } 88.89% { -webkit-transform: translate(-44.6816%, -114.5185vh) scale(0.7704); transform: translate(-44.6816%, -114.5185vh) scale(0.7704); } 89.18% { -webkit-transform: translate(-44.0101%, -114.9259vh) scale(0.7685); transform: translate(-44.0101%, -114.9259vh) scale(0.7685); } 89.47% { -webkit-transform: translate(-43.3013%, -115.3333vh) scale(0.7667); transform: translate(-43.3013%, -115.3333vh) scale(0.7667); } 89.77% { -webkit-transform: translate(-42.5558%, -115.7407vh) scale(0.7648); transform: translate(-42.5558%, -115.7407vh) scale(0.7648); } 90.06% { -webkit-transform: translate(-41.7744%, -116.1481vh) scale(0.763); transform: translate(-41.7744%, -116.1481vh) scale(0.763); } 90.35% { -webkit-transform: translate(-40.9576%, -116.5556vh) scale(0.7611); transform: translate(-40.9576%, -116.5556vh) scale(0.7611); } 90.64% { -webkit-transform: translate(-40.1062%, -116.963vh) scale(0.7593); transform: translate(-40.1062%, -116.963vh) scale(0.7593); } 90.94% { -webkit-transform: translate(-39.2208%, -117.3704vh) scale(0.7574); transform: translate(-39.2208%, -117.3704vh) scale(0.7574); } 91.23% { -webkit-transform: translate(-38.3022%, -117.7778vh) scale(0.7556); transform: translate(-38.3022%, -117.7778vh) scale(0.7556); } 91.52% { -webkit-transform: translate(-37.3513%, -118.1852vh) scale(0.7537); transform: translate(-37.3513%, -118.1852vh) scale(0.7537); } 91.81% { -webkit-transform: translate(-36.3687%, -118.5926vh) scale(0.7519); transform: translate(-36.3687%, -118.5926vh) scale(0.7519); } 92.11% { -webkit-transform: translate(-35.3553%, -119vh) scale(0.75); transform: translate(-35.3553%, -119vh) scale(0.75); } 92.4% { -webkit-transform: translate(-34.3121%, -119.4074vh) scale(0.7481); transform: translate(-34.3121%, -119.4074vh) scale(0.7481); } 92.69% { -webkit-transform: translate(-33.2398%, -119.8148vh) scale(0.7463); transform: translate(-33.2398%, -119.8148vh) scale(0.7463); } 92.98% { -webkit-transform: translate(-32.1394%, -120.2222vh) scale(0.7444); transform: translate(-32.1394%, -120.2222vh) scale(0.7444); } 93.27% { -webkit-transform: translate(-31.0118%, -120.6296vh) scale(0.7426); transform: translate(-31.0118%, -120.6296vh) scale(0.7426); } 93.57% { -webkit-transform: translate(-29.8579%, -121.037vh) scale(0.7407); transform: translate(-29.8579%, -121.037vh) scale(0.7407); } 93.86% { -webkit-transform: translate(-28.6788%, -121.4444vh) scale(0.7389); transform: translate(-28.6788%, -121.4444vh) scale(0.7389); } 94.15% { -webkit-transform: translate(-27.4754%, -121.8519vh) scale(0.737); transform: translate(-27.4754%, -121.8519vh) scale(0.737); } 94.44% { -webkit-transform: translate(-26.2488%, -122.2593vh) scale(0.7352); transform: translate(-26.2488%, -122.2593vh) scale(0.7352); } 94.74% { -webkit-transform: translate(-25%, -122.6667vh) scale(0.7333); transform: translate(-25%, -122.6667vh) scale(0.7333); } 95.03% { -webkit-transform: translate(-23.73%, -123.0741vh) scale(0.7315); transform: translate(-23.73%, -123.0741vh) scale(0.7315); } 95.32% { -webkit-transform: translate(-22.44%, -123.4815vh) scale(0.7296); transform: translate(-22.44%, -123.4815vh) scale(0.7296); } 95.61% { -webkit-transform: translate(-21.1309%, -123.8889vh) scale(0.7278); transform: translate(-21.1309%, -123.8889vh) scale(0.7278); } 95.91% { -webkit-transform: translate(-19.804%, -124.2963vh) scale(0.7259); transform: translate(-19.804%, -124.2963vh) scale(0.7259); } 96.2% { -webkit-transform: translate(-18.4603%, -124.7037vh) scale(0.7241); transform: translate(-18.4603%, -124.7037vh) scale(0.7241); } 96.49% { -webkit-transform: translate(-17.101%, -125.1111vh) scale(0.7222); transform: translate(-17.101%, -125.1111vh) scale(0.7222); } 96.78% { -webkit-transform: translate(-15.7272%, -125.5185vh) scale(0.7204); transform: translate(-15.7272%, -125.5185vh) scale(0.7204); } 97.08% { -webkit-transform: translate(-14.3402%, -125.9259vh) scale(0.7185); transform: translate(-14.3402%, -125.9259vh) scale(0.7185); } 97.37% { -webkit-transform: translate(-12.941%, -126.3333vh) scale(0.7167); transform: translate(-12.941%, -126.3333vh) scale(0.7167); } 97.66% { -webkit-transform: translate(-11.5308%, -126.7407vh) scale(0.7148); transform: translate(-11.5308%, -126.7407vh) scale(0.7148); } 97.95% { -webkit-transform: translate(-10.1109%, -127.1481vh) scale(0.713); transform: translate(-10.1109%, -127.1481vh) scale(0.713); } 98.25% { -webkit-transform: translate(-8.6824%, -127.5556vh) scale(0.7111); transform: translate(-8.6824%, -127.5556vh) scale(0.7111); } 98.54% { -webkit-transform: translate(-7.2466%, -127.963vh) scale(0.7093); transform: translate(-7.2466%, -127.963vh) scale(0.7093); } 98.83% { -webkit-transform: translate(-5.8046%, -128.3704vh) scale(0.7074); transform: translate(-5.8046%, -128.3704vh) scale(0.7074); } 99.12% { -webkit-transform: translate(-4.3578%, -128.7778vh) scale(0.7056); transform: translate(-4.3578%, -128.7778vh) scale(0.7056); } 99.42% { -webkit-transform: translate(-2.9072%, -129.1852vh) scale(0.7037); transform: translate(-2.9072%, -129.1852vh) scale(0.7037); } 99.71% { -webkit-transform: translate(-1.4542%, -129.5926vh) scale(0.7019); transform: translate(-1.4542%, -129.5926vh) scale(0.7019); } 100% { -webkit-transform: translate(0%, -130vh) scale(0.7); transform: translate(0%, -130vh) scale(0.7); }
}
/***********************************************************************************************************************************************************/
/* InterLab */
ul#DeviceList li {
display: list-item; list-style-type: disc; list-style-position: inside;
}
div.InterLabFigureBox {
width: 80%; max-width: 600px; padding: 10px 0 25px; margin: auto;
}
img.InterLabFigure {
width: 100%; display: block; margin: auto;
}
/***********************************************************************************************************************************************************/
/* Featured */
.FeaturedFlexbox {
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center;
}
div.featuredBox {
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 0; margin: 50px 20px; min-width: 450px; width: 45%; max-width: 800px; height: 90vh;
}
.Feature {
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; /* firefox correction */ min-width: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: -webkit-max-content; min-height: -moz-max-content; min-height: max-content;
}
.Feature h3 {
min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; padding: 0px 20px;
}
.Feature h2 {
/* flex-grow: 1; */ padding: 0 20px; margin-left: auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; /* text-align: right; */
}
div.ScrollBox {
margin-top: 10px; display: inline-block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content; border: 2px solid var(--main); overflow-y: scroll; width: 100%;
}
div.ScrollBox a img {
width: 100%; margin-top: auto;
}
div.ScrollBox a {
display: block;
}
/***********************************************************************************************************************************************************/
/* correction */
.collapsibleContent div {
line-height: 150%;
}
table {
background: none;
}
/* Newsletter */
.popout {
display: block; width: 80%; max-width: 900px; margin: 15px auto; position: relative; z-index: 10; -webkit-transition: all 0s; transition: all 0s;
}
.popout:last-of-type {
margin-bottom: 75px;
}
.popout.revealed {
background: white; margin: 30px auto; -webkit-box-shadow: 2px 2px 15px 0px gray; box-shadow: 2px 2px 15px 0px gray; padding-bottom: 20px; -webkit-transition: all 0.7s; transition: all 0.7s;
}
.popout.revealed .collapsibleContent {
padding: 20px 75px 0px; opacity: 1;
}
.collapsible {
display: block; text-align: center; font-family: Body; font-size: 50px; padding-top: 17px; padding-bottom: 17px; width: 100%; position: relative; z-index: 15;
}
.collapsible::before {
position: absolute; content: ; top: 0; left: 0; height: 100px; width: 10px; background: var(--accent2); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 11;
}
.collapsible::after {
position: absolute; content: ; top: 0; left: 0; right: 0; width: 100%; background: var(--accent1); height: 100%; z-index: -1;
}
.collapsible:hover {
cursor: pointer;
}
.collapsible:hover::before {
width: 50px;
}
.collapsibleContent {
max-height: 0; overflow-y: hidden; margin: auto; padding: 0px 75px 0; -webkit-transition: all 0s; transition: all 0s; opacity: 0;
}
.collapsibleContent.revealed {
-webkit-transition: all 0.7s; transition: all 0.7s;
}
/***********************************************************************************************************************************************************/
/* Responsiveness*/
/* Global */
@media (max-width: 768px) {
body, #body { font-size: calc(100vw * 0.0058 + 12.5292px); } .container { width: 100%; padding: 0 20px; }
}
@media (max-width: 425px) {
body, #body { font-size: 15px; }
}
@media (max-width: 700px) {
div#Fsos { font-size: calc(100vw * 0.0667 + 3.3px); width: 90%; margin: auto; } div#UnderTitle { font-size: calc(100vw * 0.0288 + 1.437px); width: 90%; margin: auto; padding: 0; }
}
/* Homepage */
@media (max-width: 470px) {
div#Fsos { font-size: 35px; width: 95%; margin: auto; } div#UnderTitle { font-size: 15px; width: 95%; margin: auto; padding: 0; }
}
/* Eventpage */
@media (max-width:768px) {
.card { width: 95%; } .card:first-child { margin-top: 20px; } .card:nth-child(3n+1) { -webkit-transform: rotate(0) translateY(0); transform: rotate(0) translateY(0); grid-template-columns: 1fr; opacity: 1; -webkit-animation: none; animation: none; } .card:nth-child(3n+2) { -webkit-transform: rotate(0) translateY(0); transform: rotate(0) translateY(0); grid-template-columns: 1fr; opacity: 1; -webkit-animation: none; animation: none; } .card:nth-child(3n+0) { -webkit-transform: translateY(0); transform: translateY(0); grid-template-columns: 1fr; opacity: 1; -webkit-animation: none; animation: none; } .cardtextfull { grid-column: 1; } .title { grid-column: 1; grid-row: 1; } .images { grid-row: 3; } .images.special { grid-row: 4; } .cardcontent { grid-row: 2; } .circle { display: none; }
}
@media (min-width:769px) {
.card.links:nth-child(3n+1) img:hover { -webkit-transform: scale(1.7) rotate(-4deg) translateX(100px); transform: scale(1.7) rotate(-4deg) translateX(100px); -webkit-box-shadow: -100px 0 20px -55px rgba(0, 0, 0, 0.2); box-shadow: -100px 0 20px -55px rgba(0, 0, 0, 0.2); z-index: 99; } .card.links:nth-child(3n+2) img:hover { -webkit-transform: scale(1.7) rotate(2deg) translateX(100px); transform: scale(1.7) rotate(2deg) translateX(100px); -webkit-box-shadow: -100px 0 20px -55px rgba(0, 0, 0, 0.2); box-shadow: -100px 0 20px -55px rgba(0, 0, 0, 0.2); z-index: 99; } .card.links:nth-child(3n+0) img:hover { -webkit-transform: scale(1.7) translateX(100px); transform: scale(1.7) translateX(100px); -webkit-box-shadow: -100px 0 20px -55px rgba(0, 0, 0, 0.2); box-shadow: -100px 0 20px -55px rgba(0, 0, 0, 0.2); z-index: 99; } .card.rechts:nth-child(3n+1) img:hover { -webkit-transform: scale(1.7) rotate(-4deg) translateX(-100px); transform: scale(1.7) rotate(-4deg) translateX(-100px); -webkit-box-shadow: 100px 0 20px -55px rgba(0, 0, 0, 0.2); box-shadow: 100px 0 20px -55px rgba(0, 0, 0, 0.2); z-index: 99; } .card.rechts:nth-child(3n+2) img:hover { -webkit-transform: scale(1.7) rotate(2deg) translateX(-100px); transform: scale(1.7) rotate(2deg) translateX(-100px); -webkit-box-shadow: 100px 0 20px -55px rgba(0, 0, 0, 0.2); box-shadow: 100px 0 20px -55px rgba(0, 0, 0, 0.2); z-index: 99; } .card.rechts:nth-child(3n+0) img:hover { -webkit-transform: scale(1.7) translateX(-100px); transform: scale(1.7) translateX(-100px); -webkit-box-shadow: 100px 0 20px -55px rgba(0, 0, 0, 0.2); box-shadow: 100px 0 20px -55px rgba(0, 0, 0, 0.2); z-index: 99; }
}
/**************** sponsorpage *********************/
@media (max-width:849px) {
.SponsorFlexBox { padding: 20px 0; } a.sponsor { margin: 20px 10px; } img.sponsorLogo { width: 60vw; }
}
/**************** teampage *********************/
@media (max-width:1083px) {
.underlined::after { width: 615px; }
}
@media (max-width:673px) {
.underlined::after { width: 500px; }
}
@media (max-width:549px) {
.underlined::after { width: 90%; }
}
@media (max-width:421px) {
.underlined::after { width: 270px; }
}
@media (max-width:768px) {
.team { content: url("") } .TeamMemberBox:nth-child(2n+2) .PicBox { grid-row: 1; } .TeamMemberBox:nth-child(2n+2) .MemberDescription { grid-row: 2; } .TeamMemberBox:nth-child(2n+1) .MemberDescription { -ms-flex-item-align: start; align-self: start; padding-top: 15px; } .TeamMemberBox:nth-child(2n+2) .MemberDescription { -ms-flex-item-align: start; align-self: start; padding-top: 15px; } .TeamMemberBox { margin: 30px 0; height: auto; }
}
/**************** crowdfundingpage *********************/
@media (max-width:768px) {
#excessive { display: none; } div.bubbles span.circle.right, div.bubbles span.circle.left { -webkit-animation: none; animation: none; display: none; }
}
@media (max-width:450px) {
.countdown { display: block; width: 200px; margin: auto; } #DonateButton { margin-top: 0px; }
}
/**************** InterLab *********************/
@media (max-width: 768px) {
div.InterLabFigureBox { width: 100%; }
}
/**************** Featured *********************/
@media (max-width: 1000px) {
div.featuredBox { width: 70%; }
}
@media (max-width: 768px) {
div.featuredBox { width: 90%; min-width: inherit; margin: 15px 0; } .Feature { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .Feature h2 { width: auto; text-align: center; }
}
/**************** Newsletter *********************/
@media (max-width: 768px) {
.collapsibleContent { padding: 0px 20px; } .popout.revealed .collapsibleContent { padding: 20px; } .popout.revealed { padding: 0; } .collapsible { font-size: 35px; } .collapsible::before { height: 80px; }
}
@media (max-width: 425px) {
.popout.revealed .collapsibleContent { padding: 5px; padding-top: 20px; }
}