diff --git a/animated-card.html b/animated-card.html new file mode 100644 index 0000000..67c76ff --- /dev/null +++ b/animated-card.html @@ -0,0 +1,101 @@ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ ← +
+
+ + + +
+
+
+
+
+
+

Nulla facilisi maecenas malesuada

+

Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Integer tincidunt. Praesent turpis. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit.

+
+
+

Pellentesque commodo eros

+

Morbi ac felis. Sed aliquam ultrices mauris. Quisque id odio. Cras sagittis. Fusce vulputate eleifend sapien.

+
+
+

Fusce risus nisl viverra

+

Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Quisque id odio. Fusce fermentum.

+
+
+ → + → + → +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Cras varius. Vivamus laoreet. Donec vitae sapien ut libero venenatis faucibus. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl.

+
+
+
+

Phasellus viverra nulla ut metus varius laoreet. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl. Duis lobortis massa imperdiet quam. Aenean vulputate eleifend tellus. Morbi mollis tellus ac sapien.

+
+
+
+

Praesent metus tellus, elementum eu, semper a, adipiscing nec, purus. Aenean commodo ligula eget dolor. Vestibulum fringilla pede sit amet augue. Fusce convallis metus id felis luctus adipiscing. Ut id nisl quis enim dignissim sagittis.

+
+
+
+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/code.js b/code.js new file mode 100644 index 0000000..393e5c7 --- /dev/null +++ b/code.js @@ -0,0 +1,16 @@ +window.addEventListener("load", function(){ + var delay = 2; + var nodes = document.querySelectorAll +(".animate"); + for(var i=0; i + + + + + + + + + + + + + + + + + + + + + + + + + +

Animated "Card"

+
+

Wait for It....

+

Hi! My name is Jamison

+

I love Web Design and Development

+ +
+ + + + + + + + + + + + \ No newline at end of file diff --git a/css-showcase-midterm.html b/css-showcase-midterm.html index 5fdbee2..d16aced 100644 --- a/css-showcase-midterm.html +++ b/css-showcase-midterm.html @@ -13,78 +13,247 @@ + + + - + +
+
+

Defining CSS Animations

+

Web Developers use CSS to animate HTML elements. "An animation lets an element gradually change from one style to another.
- -

- -
- ← + You can change as many CSS properties you want, as many times you want.
+ + To use CSS animation, you must first specify some keyframes for the animation.
+ + Keyframes hold what styles the element will have at certain times (w3schools)."

-
- - - -
-
-
-
-
-
-

Css Animations by Jamison Cote

-

Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Integer tincidunt. Praesent turpis. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit.

-
-
-

Pellentesque commodo eros

-

Morbi ac felis. Sed aliquam ultrices mauris. Quisque id odio. Cras sagittis. Fusce vulputate eleifend sapien.

-
-
-

Fusce risus nisl viverra

-

Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Quisque id odio. Fusce fermentum.

-
-
- → - → - → -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Cras varius. Vivamus laoreet. Donec vitae sapien ut libero venenatis faucibus. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl.

-
-
-
-

Phasellus viverra nulla ut metus varius laoreet. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl. Duis lobortis massa imperdiet quam. Aenean vulputate eleifend tellus. Morbi mollis tellus ac sapien.

-
-
-
-

Praesent metus tellus, elementum eu, semper a, adipiscing nec, purus. Aenean commodo ligula eget dolor. Vestibulum fringilla pede sit amet augue. Fusce convallis metus id felis luctus adipiscing. Ut id nisl quis enim dignissim sagittis.

-
+
+
+
+
+
+
+
+

Basic Rules and Properties

+

The @keyframes rule changes the animation style at specified times. To get the rule to work, you must put it in front of the specified element in the CSS.

+
+
+ keyframes example +
+
+ +
+
+

The animation-name property allows the @keyframes rule to be linked to the element.

+

The animation-duration property defines the length of time that the animation runs for. When the animation-duration property is not specified, there will be no animation as the default time is 0 seconds.

+

You can use percentages and "from-to" statements in the @keyframes rule.

+

The animation-delay property creates a delay for the start of the animation.

+

The animation-iteration-count property specifies how many times the animation will run.

+

The animation-direction> property can be played in reverse, normal, alternate(played forwards then backwards), or alternate-reverse(played backwards then forwards).

+

The animation-timing-function property specifies the speed curve of the animation. The values of the property can be ease(slow start, then fast, then slow end), linear(same speed all the way), ease-in, ease-out, ease-in-out(slow start and end), or cubic-bezier(n,n,n,n)(custom values).

+

The pictures below includes a new property called animation-fill-mode with a value of forwards. Other values can be none(default), backwards(element will inherit style values set by first keyframe), or both.

+

A shortcut to using these properties is the shorthand version:

+ + +

In the example below, the property transform: scale(); is used to resize the element. The scaling is coordinate based meaning (x, y) or just (x).

+
+ +
+ +
+ diff --git a/css/animated-card.css b/css/animated-card.css new file mode 100644 index 0000000..7921eae --- /dev/null +++ b/css/animated-card.css @@ -0,0 +1,5520 @@ +/*! HTML5 Boilerplate v7.3.0 | MIT License | https://html5boilerplate.com/ */ + +/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */ +/* + * What follows is the result of much research on cross-browser styling. + * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, + * Kroc Camen, and the H5BP dev community and team. + */ + +/* ========================================================================== + Base styles: opinionated defaults + ========================================================================== */ + + html { + color: #222; + font-size: 1em; + line-height: 1.4; + } + + /* + * Remove text-shadow in selection highlight: + * https://twitter.com/miketaylr/status/12228805301 + * + * Vendor-prefixed and regular ::selection selectors cannot be combined: + * https://stackoverflow.com/a/16982510/7133471 + * + * Customize the background color to match your design. + */ + + ::-moz-selection { + background: #b3d4fc; + text-shadow: none; + } + + ::selection { + background: #b3d4fc; + text-shadow: none; + } + + /* + * A better looking default horizontal rule + */ + + hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #ccc; + margin: 1em 0; + padding: 0; + } + + /* + * Remove the gap between audio, canvas, iframes, + * images, videos and the bottom of their containers: + * https://github.com/h5bp/html5-boilerplate/issues/440 + */ + + audio, + canvas, + iframe, + img, + svg, + video { + vertical-align: middle; + } + + /* + * Remove default fieldset styles. + */ + + fieldset { + border: 0; + margin: 0; + padding: 0; + } + + /* + * Allow only vertical resizing of textareas. + */ + + textarea { + resize: vertical; + } + + /* ========================================================================== + Browser Upgrade Prompt + ========================================================================== */ + + .browserupgrade { + margin: 0.2em 0; + background: #ccc; + color: #000; + padding: 0.2em 0; + } + + /* ========================================================================== + Author's custom styles + ========================================================================== */ + * { + box-sizing: border-box; + } + body { + display: -webkit-box; + display: flex; + -webkit-box-pack: center; + justify-content: center; + -webkit-box-align: center; + align-items: center; + height: 100vh; + overflow: hidden; + font-family: 'Josefin Sans'; + } + body * { + box-sizing: border-box; + } + body #wrap { + position: absolute; + width: 500px; + height: 600px; + box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.25); + overflow: hidden; + background: #1161a4; + } + body #wrap input:hover { + cursor: pointer; + } + body #wrap input[type='checkbox'] { + position: absolute; + width: 150px; + height: 70px; + bottom: 0; + z-index: 999; + right: 0; + opacity: 0; + } + body #wrap input[type='checkbox']:hover ~ .frame .more b:after { + background: #fff; + } + body #wrap input[type='checkbox']:hover ~ .back b:after { + -webkit-transition-delay: 0; + transition-delay: 0; + background: #10c8b3; + } + body #wrap input[type='checkbox']:checked { + right: auto; + left: 0; + } + body #wrap input[type='checkbox']:checked ~ .back b { + -webkit-transition-delay: 1.1s; + transition-delay: 1.1s; + -webkit-transform: scale(1); + transform: scale(1); + color: #fff; + } + body #wrap input[type='checkbox']:checked ~ .back b:after { + border-color: #fff; + } + body #wrap input[type='checkbox']:checked ~ .back b:before { + -webkit-transition-delay: 1.3s; + transition-delay: 1.3s; + border-color: #fff; + -webkit-transform: scale(1); + transform: scale(1); + } + body #wrap input[type='checkbox']:checked ~ .frame { + -webkit-transform: translateX(-150%); + transform: translateX(-150%); + -webkit-transition-delay: 0.4s; + transition-delay: 0.4s; + } + body #wrap input[type='checkbox']:checked ~ .frame .more { + -webkit-transform: scale(0); + transform: scale(0); + } + body #wrap input[type='checkbox']:checked ~ .frame .images { + -webkit-transition: all 400ms cubic-bezier(1, 0.885, 0.72, 1); + transition: all 400ms cubic-bezier(1, 0.885, 0.72, 1); + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } + body #wrap input[type='checkbox']:checked ~ .frame h1 { + -webkit-transition: 0.3s ease-in-out; + transition: 0.3s ease-in-out; + -webkit-transform: translateX(-100vw); + transform: translateX(-100vw); + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(1):checked ~ .box .internal .image { + -webkit-transition-delay: 0.25s; + transition-delay: 0.25s; + -webkit-transform: scale(1.25); + transform: scale(1.25); + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(1):checked ~ .box .internal .image:before { + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(1):checked ~ .box .internal:nth-of-type(1) p { + -webkit-transition-delay: 1s; + transition-delay: 1s; + -webkit-transform: translateX(0) skewX(0deg); + transform: translateX(0) skewX(0deg); + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(1):checked ~ .box .internal:nth-of-type(1) p:before { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + -webkit-transition-delay: 1.6s; + transition-delay: 1.6s; + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(1):checked ~ .indicator { + -webkit-transition: 0.3s ease-in-out; + transition: 0.3s ease-in-out; + height: 100%; + -webkit-transform: translateY(0); + transform: translateY(0); + background: #1161a4; + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) p { + -webkit-transition: padding-top 300ms cubic-bezier(1, 0.885, 0.72, 1); + transition: padding-top 300ms cubic-bezier(1, 0.885, 0.72, 1); + -webkit-transition-delay: 0s; + transition-delay: 0s; + padding-top: 300px; + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(2):checked ~ .box .internal .image { + -webkit-transition-delay: 0.25s; + transition-delay: 0.25s; + -webkit-transform: scale(1.25); + transform: scale(1.25); + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(2):checked ~ .box .internal .image:before { + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(2):checked ~ .box .internal:nth-of-type(2) p { + -webkit-transition-delay: 1s; + transition-delay: 1s; + -webkit-transform: translateX(0) skewX(0deg); + transform: translateX(0) skewX(0deg); + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(2):checked ~ .box .internal:nth-of-type(2) p:before { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + -webkit-transition-delay: 1.6s; + transition-delay: 1.6s; + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(2):checked ~ .indicator { + -webkit-transition: 0.3s ease-in-out; + transition: 0.3s ease-in-out; + height: 100%; + -webkit-transform: translateY(0); + transform: translateY(0); + background: #1161a4; + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) p { + -webkit-transition: padding-top 300ms cubic-bezier(1, 0.885, 0.72, 1); + transition: padding-top 300ms cubic-bezier(1, 0.885, 0.72, 1); + -webkit-transition-delay: 0s; + transition-delay: 0s; + padding-top: 300px; + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(3):checked ~ .box .internal .image { + -webkit-transition-delay: 0.25s; + transition-delay: 0.25s; + -webkit-transform: scale(1.25); + transform: scale(1.25); + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(3):checked ~ .box .internal .image:before { + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(3):checked ~ .box .internal:nth-of-type(3) p { + -webkit-transition-delay: 1s; + transition-delay: 1s; + -webkit-transform: translateX(0) skewX(0deg); + transform: translateX(0) skewX(0deg); + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(3):checked ~ .box .internal:nth-of-type(3) p:before { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + -webkit-transition-delay: 1.6s; + transition-delay: 1.6s; + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(3):checked ~ .indicator { + -webkit-transition: 0.3s ease-in-out; + transition: 0.3s ease-in-out; + height: 100%; + -webkit-transform: translateY(0); + transform: translateY(0); + background: #1161a4; + } + body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) p { + -webkit-transition: padding-top 300ms cubic-bezier(1, 0.885, 0.72, 1); + transition: padding-top 300ms cubic-bezier(1, 0.885, 0.72, 1); + -webkit-transition-delay: 0s; + transition-delay: 0s; + padding-top: 300px; + } + body #wrap .frame { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + -webkit-transition: -webkit-transform 400ms cubic-bezier(1, 0.385, 0.42, 1); + transition: -webkit-transform 400ms cubic-bezier(1, 0.385, 0.42, 1); + transition: transform 400ms cubic-bezier(1, 0.385, 0.42, 1); + transition: transform 400ms cubic-bezier(1, 0.385, 0.42, 1), -webkit-transform 400ms cubic-bezier(1, 0.385, 0.42, 1); + background: -webkit-gradient(linear, left top, right top, color-stop(10%, #fff), color-stop(10%, #ffca58)); + background: linear-gradient(to right, #fff 10%, #ffca58 10%); + } + body #wrap .frame:after { + content: ''; + position: absolute; + width: 50%; + height: 100%; + background: -webkit-gradient(linear, left top, right top, color-stop(50%, #feb339), color-stop(50%, #ff3432)); + background: linear-gradient(to right, #feb339 50%, #ff3432 50%); + left: 100%; + -webkit-transition: -webkit-transform 400ms cubic-bezier(1, 0.385, 0.42, 1); + transition: -webkit-transform 400ms cubic-bezier(1, 0.385, 0.42, 1); + transition: transform 400ms cubic-bezier(1, 0.385, 0.42, 1); + transition: transform 400ms cubic-bezier(1, 0.385, 0.42, 1), -webkit-transform 400ms cubic-bezier(1, 0.385, 0.42, 1); + } + body #wrap .frame .box { + position: absolute; + width: 100%; + height: 100%; + z-index: 999; + left: 150%; + color: #fff; + overflow: hidden; + } + body #wrap .frame .box .internal { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + padding: 10% 20%; + } + body #wrap .frame .box .internal .image { + position: absolute; + width: 100%; + height: 50%; + background-image: url("https://puu.sh/Ddl4B/c78b869b7a.jpg"); + bottom: 0; + left: 0; + background-size: cover; + background-position: bottom; + z-index: -1; + -webkit-transition: 4s ease-in-out; + transition: 4s ease-in-out; + } + body #wrap .frame .box .internal .image:before { + content: ''; + position: absolute; + width: 100%; + height: 200%; + left: 0; + top: 0; + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #1161a4), color-stop(150%, rgba(255, 255, 255, 0.001))); + background: linear-gradient(to bottom, #1161a4 50%, rgba(255, 255, 255, 0.001) 150%); + -webkit-transition: 4s ease-in-out; + transition: 4s ease-in-out; + } + body #wrap .frame .box p { + -webkit-transform: translateX(500px) skewX(-30deg); + transform: translateX(500px) skewX(-30deg); + -webkit-transition: -webkit-transform 400ms cubic-bezier(1, 0.385, 0.82, 1); + transition: -webkit-transform 400ms cubic-bezier(1, 0.385, 0.82, 1); + transition: transform 400ms cubic-bezier(1, 0.385, 0.82, 1); + transition: transform 400ms cubic-bezier(1, 0.385, 0.82, 1), -webkit-transform 400ms cubic-bezier(1, 0.385, 0.82, 1); + font-size: 18px; + line-height: 1.5; + } + body #wrap .frame .box p:before { + content: ''; + position: absolute; + width: 120%; + height: 120%; + top: -10%; + left: -10%; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 0 10px 20px -5px #105a98; + opacity: 0; + -webkit-transform: scale(1.5); + transform: scale(1.5); + -webkit-transition: 0.75s ease-in-out; + transition: 0.75s ease-in-out; + } + body #wrap input { + opacity: 0; + z-index: 999; + } + body #wrap input:nth-of-type(1):hover ~ .nav:nth-of-type(1):before { + color: #ff3432; + } + body #wrap input:nth-of-type(1):checked ~ .nav:nth-of-type(1):before { + color: #fff; + -webkit-transform: translate(-50%, -50%) rotate(-90deg) scale(1.2); + transform: translate(-50%, -50%) rotate(-90deg) scale(1.2); + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; + } + body #wrap input:nth-of-type(1):checked ~ .indicator { + -webkit-transform: translateY(0%); + transform: translateY(0%); + } + body #wrap input:nth-of-type(1):checked ~ .inner input { + pointer-events: all; + } + body #wrap input:nth-of-type(1):checked ~ .inner .more b:nth-of-type(1) { + -webkit-transition-delay: 2.2s; + transition-delay: 2.2s; + -webkit-transform: scale(1); + transform: scale(1); + } + body #wrap input:nth-of-type(1):checked ~ .inner .more b:nth-of-type(1):before { + -webkit-transition-delay: 2.4s; + transition-delay: 2.4s; + -webkit-transform: scale(1); + transform: scale(1); + } + body #wrap input:nth-of-type(1):checked ~ .inner .images div:not(.image):nth-of-type(1) { + z-index: 1; + } + body #wrap input:nth-of-type(1):checked ~ .inner .images div:not(.image):nth-of-type(1):before { + -webkit-transition: -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); + transition: -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); + transition: transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); + transition: transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5), -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); + -webkit-transform: translateY(-200%); + transform: translateY(-200%); + opacity: 1; + } + body #wrap input:nth-of-type(1):checked ~ .inner .images div:not(.image):nth-of-type(1) .image { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) p { + -webkit-transition: -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); + transition: -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); + transition: transform 500ms cubic-bezier(1, 0.885, 0.72, 1); + transition: transform 500ms cubic-bezier(1, 0.885, 0.72, 1), -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); + -webkit-transition-delay: 1.5s; + transition-delay: 1.5s; + -webkit-transform: rotate(0deg) translateY(0); + transform: rotate(0deg) translateY(0); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 { + opacity: 1; + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.57s; + transition-delay: 1.57s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.59s; + transition-delay: 1.59s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.61s; + transition-delay: 1.61s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.63s; + transition-delay: 1.63s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.65s; + transition-delay: 1.65s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.67s; + transition-delay: 1.67s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.69s; + transition-delay: 1.69s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.71s; + transition-delay: 1.71s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.73s; + transition-delay: 1.73s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.75s; + transition-delay: 1.75s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.77s; + transition-delay: 1.77s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.79s; + transition-delay: 1.79s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.81s; + transition-delay: 1.81s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.83s; + transition-delay: 1.83s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.85s; + transition-delay: 1.85s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.62s; + transition-delay: 1.62s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.64s; + transition-delay: 1.64s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.66s; + transition-delay: 1.66s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.68s; + transition-delay: 1.68s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.7s; + transition-delay: 1.7s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.72s; + transition-delay: 1.72s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.74s; + transition-delay: 1.74s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.76s; + transition-delay: 1.76s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.78s; + transition-delay: 1.78s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.8s; + transition-delay: 1.8s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.82s; + transition-delay: 1.82s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.84s; + transition-delay: 1.84s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.86s; + transition-delay: 1.86s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.88s; + transition-delay: 1.88s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.9s; + transition-delay: 1.9s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.67s; + transition-delay: 1.67s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.69s; + transition-delay: 1.69s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.71s; + transition-delay: 1.71s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.73s; + transition-delay: 1.73s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.75s; + transition-delay: 1.75s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.77s; + transition-delay: 1.77s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.79s; + transition-delay: 1.79s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.81s; + transition-delay: 1.81s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.83s; + transition-delay: 1.83s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.85s; + transition-delay: 1.85s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.87s; + transition-delay: 1.87s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.89s; + transition-delay: 1.89s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.91s; + transition-delay: 1.91s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.93s; + transition-delay: 1.93s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.95s; + transition-delay: 1.95s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.72s; + transition-delay: 1.72s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.74s; + transition-delay: 1.74s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.76s; + transition-delay: 1.76s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.78s; + transition-delay: 1.78s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.8s; + transition-delay: 1.8s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.82s; + transition-delay: 1.82s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.84s; + transition-delay: 1.84s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.86s; + transition-delay: 1.86s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.88s; + transition-delay: 1.88s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.9s; + transition-delay: 1.9s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.92s; + transition-delay: 1.92s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.94s; + transition-delay: 1.94s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.96s; + transition-delay: 1.96s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.98s; + transition-delay: 1.98s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2s; + transition-delay: 2s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.77s; + transition-delay: 1.77s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.79s; + transition-delay: 1.79s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.81s; + transition-delay: 1.81s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.83s; + transition-delay: 1.83s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.85s; + transition-delay: 1.85s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.87s; + transition-delay: 1.87s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.89s; + transition-delay: 1.89s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.91s; + transition-delay: 1.91s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.93s; + transition-delay: 1.93s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.95s; + transition-delay: 1.95s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.97s; + transition-delay: 1.97s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.99s; + transition-delay: 1.99s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.01s; + transition-delay: 2.01s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.03s; + transition-delay: 2.03s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.05s; + transition-delay: 2.05s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.82s; + transition-delay: 1.82s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.84s; + transition-delay: 1.84s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.86s; + transition-delay: 1.86s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.88s; + transition-delay: 1.88s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.9s; + transition-delay: 1.9s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.92s; + transition-delay: 1.92s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.94s; + transition-delay: 1.94s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.96s; + transition-delay: 1.96s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.98s; + transition-delay: 1.98s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2s; + transition-delay: 2s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.02s; + transition-delay: 2.02s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.04s; + transition-delay: 2.04s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.06s; + transition-delay: 2.06s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.08s; + transition-delay: 2.08s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.1s; + transition-delay: 2.1s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.87s; + transition-delay: 1.87s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.89s; + transition-delay: 1.89s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.91s; + transition-delay: 1.91s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.93s; + transition-delay: 1.93s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.95s; + transition-delay: 1.95s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.97s; + transition-delay: 1.97s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.99s; + transition-delay: 1.99s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.01s; + transition-delay: 2.01s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.03s; + transition-delay: 2.03s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.05s; + transition-delay: 2.05s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.07s; + transition-delay: 2.07s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.09s; + transition-delay: 2.09s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.11s; + transition-delay: 2.11s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.13s; + transition-delay: 2.13s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.15s; + transition-delay: 2.15s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.92s; + transition-delay: 1.92s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.94s; + transition-delay: 1.94s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.96s; + transition-delay: 1.96s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.98s; + transition-delay: 1.98s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2s; + transition-delay: 2s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.02s; + transition-delay: 2.02s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.04s; + transition-delay: 2.04s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.06s; + transition-delay: 2.06s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.08s; + transition-delay: 2.08s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.1s; + transition-delay: 2.1s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.12s; + transition-delay: 2.12s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.14s; + transition-delay: 2.14s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.16s; + transition-delay: 2.16s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.18s; + transition-delay: 2.18s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.2s; + transition-delay: 2.2s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.97s; + transition-delay: 1.97s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.99s; + transition-delay: 1.99s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.01s; + transition-delay: 2.01s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.03s; + transition-delay: 2.03s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.05s; + transition-delay: 2.05s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.07s; + transition-delay: 2.07s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.09s; + transition-delay: 2.09s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.11s; + transition-delay: 2.11s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.13s; + transition-delay: 2.13s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.15s; + transition-delay: 2.15s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.17s; + transition-delay: 2.17s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.19s; + transition-delay: 2.19s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.21s; + transition-delay: 2.21s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.23s; + transition-delay: 2.23s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.25s; + transition-delay: 2.25s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.02s; + transition-delay: 2.02s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.04s; + transition-delay: 2.04s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.06s; + transition-delay: 2.06s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.08s; + transition-delay: 2.08s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.1s; + transition-delay: 2.1s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.12s; + transition-delay: 2.12s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.14s; + transition-delay: 2.14s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.16s; + transition-delay: 2.16s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.18s; + transition-delay: 2.18s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.2s; + transition-delay: 2.2s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.22s; + transition-delay: 2.22s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.24s; + transition-delay: 2.24s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.26s; + transition-delay: 2.26s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.28s; + transition-delay: 2.28s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.3s; + transition-delay: 2.3s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1:after, body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1:before { + -webkit-transition-delay: 1s; + transition-delay: 1s; + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1:before { + -webkit-transition-delay: 1.3s; + transition-delay: 1.3s; + } + body #wrap input:nth-of-type(2):hover ~ .nav:nth-of-type(2):before { + color: #ff3432; + } + body #wrap input:nth-of-type(2):checked ~ .nav:nth-of-type(2):before { + color: #fff; + -webkit-transform: translate(-50%, -50%) rotate(-90deg) scale(1.2); + transform: translate(-50%, -50%) rotate(-90deg) scale(1.2); + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; + } + body #wrap input:nth-of-type(2):checked ~ .indicator { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } + body #wrap input:nth-of-type(2):checked ~ .inner input { + pointer-events: all; + } + body #wrap input:nth-of-type(2):checked ~ .inner .more b:nth-of-type(2) { + -webkit-transition-delay: 2.2s; + transition-delay: 2.2s; + -webkit-transform: scale(1); + transform: scale(1); + } + body #wrap input:nth-of-type(2):checked ~ .inner .more b:nth-of-type(2):before { + -webkit-transition-delay: 2.4s; + transition-delay: 2.4s; + -webkit-transform: scale(1); + transform: scale(1); + } + body #wrap input:nth-of-type(2):checked ~ .inner .images div:not(.image):nth-of-type(2) { + z-index: 1; + } + body #wrap input:nth-of-type(2):checked ~ .inner .images div:not(.image):nth-of-type(2):before { + -webkit-transition: -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); + transition: -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); + transition: transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); + transition: transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5), -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); + -webkit-transform: translateY(-200%); + transform: translateY(-200%); + opacity: 1; + } + body #wrap input:nth-of-type(2):checked ~ .inner .images div:not(.image):nth-of-type(2) .image { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) p { + -webkit-transition: -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); + transition: -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); + transition: transform 500ms cubic-bezier(1, 0.885, 0.72, 1); + transition: transform 500ms cubic-bezier(1, 0.885, 0.72, 1), -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); + -webkit-transition-delay: 1.5s; + transition-delay: 1.5s; + -webkit-transform: rotate(0deg) translateY(0); + transform: rotate(0deg) translateY(0); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 { + opacity: 1; + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.57s; + transition-delay: 1.57s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.59s; + transition-delay: 1.59s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.61s; + transition-delay: 1.61s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.63s; + transition-delay: 1.63s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.65s; + transition-delay: 1.65s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.67s; + transition-delay: 1.67s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.69s; + transition-delay: 1.69s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.71s; + transition-delay: 1.71s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.73s; + transition-delay: 1.73s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.75s; + transition-delay: 1.75s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.77s; + transition-delay: 1.77s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.79s; + transition-delay: 1.79s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.81s; + transition-delay: 1.81s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.83s; + transition-delay: 1.83s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.85s; + transition-delay: 1.85s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.62s; + transition-delay: 1.62s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.64s; + transition-delay: 1.64s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.66s; + transition-delay: 1.66s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.68s; + transition-delay: 1.68s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.7s; + transition-delay: 1.7s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.72s; + transition-delay: 1.72s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.74s; + transition-delay: 1.74s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.76s; + transition-delay: 1.76s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.78s; + transition-delay: 1.78s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.8s; + transition-delay: 1.8s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.82s; + transition-delay: 1.82s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.84s; + transition-delay: 1.84s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.86s; + transition-delay: 1.86s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.88s; + transition-delay: 1.88s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.9s; + transition-delay: 1.9s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.67s; + transition-delay: 1.67s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.69s; + transition-delay: 1.69s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.71s; + transition-delay: 1.71s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.73s; + transition-delay: 1.73s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.75s; + transition-delay: 1.75s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.77s; + transition-delay: 1.77s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.79s; + transition-delay: 1.79s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.81s; + transition-delay: 1.81s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.83s; + transition-delay: 1.83s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.85s; + transition-delay: 1.85s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.87s; + transition-delay: 1.87s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.89s; + transition-delay: 1.89s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.91s; + transition-delay: 1.91s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.93s; + transition-delay: 1.93s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.95s; + transition-delay: 1.95s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.72s; + transition-delay: 1.72s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.74s; + transition-delay: 1.74s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.76s; + transition-delay: 1.76s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.78s; + transition-delay: 1.78s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.8s; + transition-delay: 1.8s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.82s; + transition-delay: 1.82s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.84s; + transition-delay: 1.84s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.86s; + transition-delay: 1.86s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.88s; + transition-delay: 1.88s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.9s; + transition-delay: 1.9s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.92s; + transition-delay: 1.92s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.94s; + transition-delay: 1.94s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.96s; + transition-delay: 1.96s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.98s; + transition-delay: 1.98s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2s; + transition-delay: 2s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.77s; + transition-delay: 1.77s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.79s; + transition-delay: 1.79s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.81s; + transition-delay: 1.81s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.83s; + transition-delay: 1.83s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.85s; + transition-delay: 1.85s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.87s; + transition-delay: 1.87s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.89s; + transition-delay: 1.89s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.91s; + transition-delay: 1.91s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.93s; + transition-delay: 1.93s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.95s; + transition-delay: 1.95s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.97s; + transition-delay: 1.97s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.99s; + transition-delay: 1.99s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.01s; + transition-delay: 2.01s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.03s; + transition-delay: 2.03s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.05s; + transition-delay: 2.05s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.82s; + transition-delay: 1.82s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.84s; + transition-delay: 1.84s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.86s; + transition-delay: 1.86s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.88s; + transition-delay: 1.88s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.9s; + transition-delay: 1.9s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.92s; + transition-delay: 1.92s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.94s; + transition-delay: 1.94s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.96s; + transition-delay: 1.96s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.98s; + transition-delay: 1.98s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2s; + transition-delay: 2s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.02s; + transition-delay: 2.02s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.04s; + transition-delay: 2.04s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.06s; + transition-delay: 2.06s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.08s; + transition-delay: 2.08s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.1s; + transition-delay: 2.1s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.87s; + transition-delay: 1.87s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.89s; + transition-delay: 1.89s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.91s; + transition-delay: 1.91s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.93s; + transition-delay: 1.93s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.95s; + transition-delay: 1.95s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.97s; + transition-delay: 1.97s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.99s; + transition-delay: 1.99s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.01s; + transition-delay: 2.01s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.03s; + transition-delay: 2.03s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.05s; + transition-delay: 2.05s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.07s; + transition-delay: 2.07s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.09s; + transition-delay: 2.09s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.11s; + transition-delay: 2.11s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.13s; + transition-delay: 2.13s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.15s; + transition-delay: 2.15s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.92s; + transition-delay: 1.92s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.94s; + transition-delay: 1.94s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.96s; + transition-delay: 1.96s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.98s; + transition-delay: 1.98s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2s; + transition-delay: 2s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.02s; + transition-delay: 2.02s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.04s; + transition-delay: 2.04s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.06s; + transition-delay: 2.06s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.08s; + transition-delay: 2.08s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.1s; + transition-delay: 2.1s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.12s; + transition-delay: 2.12s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.14s; + transition-delay: 2.14s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.16s; + transition-delay: 2.16s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.18s; + transition-delay: 2.18s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.2s; + transition-delay: 2.2s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.97s; + transition-delay: 1.97s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.99s; + transition-delay: 1.99s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.01s; + transition-delay: 2.01s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.03s; + transition-delay: 2.03s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.05s; + transition-delay: 2.05s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.07s; + transition-delay: 2.07s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.09s; + transition-delay: 2.09s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.11s; + transition-delay: 2.11s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.13s; + transition-delay: 2.13s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.15s; + transition-delay: 2.15s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.17s; + transition-delay: 2.17s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.19s; + transition-delay: 2.19s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.21s; + transition-delay: 2.21s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.23s; + transition-delay: 2.23s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.25s; + transition-delay: 2.25s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.02s; + transition-delay: 2.02s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.04s; + transition-delay: 2.04s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.06s; + transition-delay: 2.06s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.08s; + transition-delay: 2.08s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.1s; + transition-delay: 2.1s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.12s; + transition-delay: 2.12s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.14s; + transition-delay: 2.14s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.16s; + transition-delay: 2.16s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.18s; + transition-delay: 2.18s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.2s; + transition-delay: 2.2s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.22s; + transition-delay: 2.22s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.24s; + transition-delay: 2.24s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.26s; + transition-delay: 2.26s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.28s; + transition-delay: 2.28s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.3s; + transition-delay: 2.3s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1:after, body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1:before { + -webkit-transition-delay: 1s; + transition-delay: 1s; + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1:before { + -webkit-transition-delay: 1.3s; + transition-delay: 1.3s; + } + body #wrap input:nth-of-type(3):hover ~ .nav:nth-of-type(3):before { + color: #ff3432; + } + body #wrap input:nth-of-type(3):checked ~ .nav:nth-of-type(3):before { + color: #fff; + -webkit-transform: translate(-50%, -50%) rotate(-90deg) scale(1.2); + transform: translate(-50%, -50%) rotate(-90deg) scale(1.2); + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; + } + body #wrap input:nth-of-type(3):checked ~ .indicator { + -webkit-transform: translateY(200%); + transform: translateY(200%); + } + body #wrap input:nth-of-type(3):checked ~ .inner input { + pointer-events: all; + } + body #wrap input:nth-of-type(3):checked ~ .inner .more b:nth-of-type(3) { + -webkit-transition-delay: 2.2s; + transition-delay: 2.2s; + -webkit-transform: scale(1); + transform: scale(1); + } + body #wrap input:nth-of-type(3):checked ~ .inner .more b:nth-of-type(3):before { + -webkit-transition-delay: 2.4s; + transition-delay: 2.4s; + -webkit-transform: scale(1); + transform: scale(1); + } + body #wrap input:nth-of-type(3):checked ~ .inner .images div:not(.image):nth-of-type(3) { + z-index: 1; + } + body #wrap input:nth-of-type(3):checked ~ .inner .images div:not(.image):nth-of-type(3):before { + -webkit-transition: -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); + transition: -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); + transition: transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); + transition: transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5), -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); + -webkit-transform: translateY(-200%); + transform: translateY(-200%); + opacity: 1; + } + body #wrap input:nth-of-type(3):checked ~ .inner .images div:not(.image):nth-of-type(3) .image { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) p { + -webkit-transition: -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); + transition: -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); + transition: transform 500ms cubic-bezier(1, 0.885, 0.72, 1); + transition: transform 500ms cubic-bezier(1, 0.885, 0.72, 1), -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); + -webkit-transition-delay: 1.5s; + transition-delay: 1.5s; + -webkit-transform: rotate(0deg) translateY(0); + transform: rotate(0deg) translateY(0); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 { + opacity: 1; + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.57s; + transition-delay: 1.57s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.59s; + transition-delay: 1.59s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.61s; + transition-delay: 1.61s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.63s; + transition-delay: 1.63s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.65s; + transition-delay: 1.65s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.67s; + transition-delay: 1.67s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.69s; + transition-delay: 1.69s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.71s; + transition-delay: 1.71s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.73s; + transition-delay: 1.73s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.75s; + transition-delay: 1.75s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.77s; + transition-delay: 1.77s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.79s; + transition-delay: 1.79s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.81s; + transition-delay: 1.81s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.83s; + transition-delay: 1.83s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.85s; + transition-delay: 1.85s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.62s; + transition-delay: 1.62s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.64s; + transition-delay: 1.64s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.66s; + transition-delay: 1.66s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.68s; + transition-delay: 1.68s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.7s; + transition-delay: 1.7s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.72s; + transition-delay: 1.72s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.74s; + transition-delay: 1.74s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.76s; + transition-delay: 1.76s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.78s; + transition-delay: 1.78s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.8s; + transition-delay: 1.8s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.82s; + transition-delay: 1.82s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.84s; + transition-delay: 1.84s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.86s; + transition-delay: 1.86s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.88s; + transition-delay: 1.88s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.9s; + transition-delay: 1.9s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.67s; + transition-delay: 1.67s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.69s; + transition-delay: 1.69s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.71s; + transition-delay: 1.71s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.73s; + transition-delay: 1.73s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.75s; + transition-delay: 1.75s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.77s; + transition-delay: 1.77s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.79s; + transition-delay: 1.79s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.81s; + transition-delay: 1.81s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.83s; + transition-delay: 1.83s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.85s; + transition-delay: 1.85s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.87s; + transition-delay: 1.87s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.89s; + transition-delay: 1.89s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.91s; + transition-delay: 1.91s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.93s; + transition-delay: 1.93s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.95s; + transition-delay: 1.95s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.72s; + transition-delay: 1.72s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.74s; + transition-delay: 1.74s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.76s; + transition-delay: 1.76s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.78s; + transition-delay: 1.78s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.8s; + transition-delay: 1.8s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.82s; + transition-delay: 1.82s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.84s; + transition-delay: 1.84s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.86s; + transition-delay: 1.86s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.88s; + transition-delay: 1.88s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.9s; + transition-delay: 1.9s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.92s; + transition-delay: 1.92s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.94s; + transition-delay: 1.94s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.96s; + transition-delay: 1.96s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.98s; + transition-delay: 1.98s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2s; + transition-delay: 2s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.77s; + transition-delay: 1.77s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.79s; + transition-delay: 1.79s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.81s; + transition-delay: 1.81s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.83s; + transition-delay: 1.83s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.85s; + transition-delay: 1.85s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.87s; + transition-delay: 1.87s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.89s; + transition-delay: 1.89s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.91s; + transition-delay: 1.91s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.93s; + transition-delay: 1.93s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.95s; + transition-delay: 1.95s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.97s; + transition-delay: 1.97s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.99s; + transition-delay: 1.99s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.01s; + transition-delay: 2.01s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.03s; + transition-delay: 2.03s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.05s; + transition-delay: 2.05s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.82s; + transition-delay: 1.82s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.84s; + transition-delay: 1.84s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.86s; + transition-delay: 1.86s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.88s; + transition-delay: 1.88s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.9s; + transition-delay: 1.9s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.92s; + transition-delay: 1.92s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.94s; + transition-delay: 1.94s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.96s; + transition-delay: 1.96s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.98s; + transition-delay: 1.98s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2s; + transition-delay: 2s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.02s; + transition-delay: 2.02s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.04s; + transition-delay: 2.04s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.06s; + transition-delay: 2.06s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.08s; + transition-delay: 2.08s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.1s; + transition-delay: 2.1s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.87s; + transition-delay: 1.87s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.89s; + transition-delay: 1.89s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.91s; + transition-delay: 1.91s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.93s; + transition-delay: 1.93s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.95s; + transition-delay: 1.95s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.97s; + transition-delay: 1.97s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.99s; + transition-delay: 1.99s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.01s; + transition-delay: 2.01s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.03s; + transition-delay: 2.03s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.05s; + transition-delay: 2.05s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.07s; + transition-delay: 2.07s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.09s; + transition-delay: 2.09s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.11s; + transition-delay: 2.11s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.13s; + transition-delay: 2.13s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.15s; + transition-delay: 2.15s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.92s; + transition-delay: 1.92s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.94s; + transition-delay: 1.94s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.96s; + transition-delay: 1.96s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.98s; + transition-delay: 1.98s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2s; + transition-delay: 2s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.02s; + transition-delay: 2.02s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.04s; + transition-delay: 2.04s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.06s; + transition-delay: 2.06s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.08s; + transition-delay: 2.08s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.1s; + transition-delay: 2.1s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.12s; + transition-delay: 2.12s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.14s; + transition-delay: 2.14s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.16s; + transition-delay: 2.16s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.18s; + transition-delay: 2.18s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.2s; + transition-delay: 2.2s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.97s; + transition-delay: 1.97s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 1.99s; + transition-delay: 1.99s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.01s; + transition-delay: 2.01s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.03s; + transition-delay: 2.03s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.05s; + transition-delay: 2.05s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.07s; + transition-delay: 2.07s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.09s; + transition-delay: 2.09s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.11s; + transition-delay: 2.11s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.13s; + transition-delay: 2.13s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.15s; + transition-delay: 2.15s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.17s; + transition-delay: 2.17s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.19s; + transition-delay: 2.19s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.21s; + transition-delay: 2.21s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.23s; + transition-delay: 2.23s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.25s; + transition-delay: 2.25s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(1) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.02s; + transition-delay: 2.02s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(2) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.04s; + transition-delay: 2.04s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(3) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.06s; + transition-delay: 2.06s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(4) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.08s; + transition-delay: 2.08s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(5) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.1s; + transition-delay: 2.1s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(6) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.12s; + transition-delay: 2.12s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(7) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.14s; + transition-delay: 2.14s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(8) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.16s; + transition-delay: 2.16s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(9) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.18s; + transition-delay: 2.18s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(10) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.2s; + transition-delay: 2.2s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(11) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.22s; + transition-delay: 2.22s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(12) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.24s; + transition-delay: 2.24s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(13) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.26s; + transition-delay: 2.26s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(14) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.28s; + transition-delay: 2.28s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(15) { + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-transition-delay: 2.3s; + transition-delay: 2.3s; + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1:after, body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1:before { + -webkit-transition-delay: 1s; + transition-delay: 1s; + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1:before { + -webkit-transition-delay: 1.3s; + transition-delay: 1.3s; + } + body #wrap input[type='radio'], + body #wrap .nav, + body #wrap .indicator { + height: 33.33%; + position: absolute; + width: 10%; + left: 0; + box-shadow: inset 0 0 0 2px #1161a4; + } + body #wrap input[type='radio']:nth-of-type(1), + body #wrap .nav:nth-of-type(1), + body #wrap .indicator:nth-of-type(1) { + top: 0%; + } + body #wrap input[type='radio']:nth-of-type(2), + body #wrap .nav:nth-of-type(2), + body #wrap .indicator:nth-of-type(2) { + top: 33.33%; + } + body #wrap input[type='radio']:nth-of-type(3), + body #wrap .nav:nth-of-type(3), + body #wrap .indicator:nth-of-type(3) { + top: 66.66%; + } + body #wrap .nav { + z-index: 2; + } + body #wrap .nav:nth-of-type(2) { + box-shadow: inset -2px 0 0 #1161a4, inset 2px 0 0 #1161a4; + } + body #wrap .nav:nth-of-type(2):before { + content: 'TWO'; + } + body #wrap .nav:nth-of-type(3):before { + content: 'THREE'; + } + body #wrap .nav:before { + content: 'ONE'; + position: absolute; + display: inline-block; + color: #1161a4; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%) rotate(-90deg); + transform: translate(-50%, -50%) rotate(-90deg); + -webkit-transition: all 200ms cubic-bezier(1, 0.885, 0.32, 1); + transition: all 200ms cubic-bezier(1, 0.885, 0.32, 1); + } + body #wrap .indicator { + background: #10c8b3; + -webkit-transition: all 200ms cubic-bezier(1, 0.885, 0.32, 1); + transition: all 200ms cubic-bezier(1, 0.885, 0.32, 1); + z-index: 0; + box-shadow: none; + } + body #wrap .inner { + position: absolute; + width: 90%; + left: 10%; + top: 0; + overflow: hidden; + height: 100%; + } + body #wrap .inner .images { + position: absolute; + width: 100%; + height: 100%; + bottom: 50%; + overflow: hidden; + -webkit-transition: all 300ms cubic-bezier(1, 0.885, 0.72, 1); + transition: all 300ms cubic-bezier(1, 0.885, 0.72, 1); + } + body #wrap .inner .images div:not(.image) { + position: absolute; + width: 100%; + height: 100%; + z-index: 0; + } + body #wrap .inner .images div:not(.image):before { + content: ''; + position: absolute; + width: 100%; + height: 200%; + left: 0; + top: 100%; + background: #feb339; + -webkit-transform: translateY(100%); + transform: translateY(100%); + z-index: 2; + opacity: 0; + } + body #wrap .inner .images div:not(.image):nth-of-type(2) .image { + background-image: url("https://puu.sh/DdcJi/a10cb7ffc1.jpg"); + } + body #wrap .inner .images div:not(.image):nth-of-type(3) .image { + background-image: url("https://puu.sh/DdcOe/281086cd16.jpg"); + } + body #wrap .inner .images div:not(.image) .image { + width: 100%; + height: 50%; + position: absolute; + bottom: 0; + left: 0; + z-index: -1; + background-image: url("https://puu.sh/DdbZq/8577c8d00c.jpg"); + opacity: 0; + -webkit-transform: scale(1.5) rotate(-15deg); + transform: scale(1.5) rotate(-15deg); + -webkit-transition: opacity 1s ease-in-out, -webkit-transform 2s ease-in-out; + transition: opacity 1s ease-in-out, -webkit-transform 2s ease-in-out; + transition: opacity 1s ease-in-out, transform 2s ease-in-out; + transition: opacity 1s ease-in-out, transform 2s ease-in-out, -webkit-transform 2s ease-in-out; + -webkit-transition-delay: 1s, 1s; + transition-delay: 1s, 1s; + background-size: cover; + background-position: center; + } + body #wrap .inner .content { + position: absolute; + width: 100%; + height: 50%; + left: 0; + top: 50%; + overflow: hidden; + z-index: 2; + -webkit-transition: all 300ms cubic-bezier(1, 0.885, 0.72, 1); + transition: all 300ms cubic-bezier(1, 0.885, 0.72, 1); + } + body #wrap .inner h1 { + display: inline-block; + position: relative; + width: auto; + color: #fff; + z-index: 1; + width: 100%; + opacity: 1; + margin: 0; + padding: 5%; + overflow: hidden; + font-family: 'Lora'; + font-weight: 100; + } + body #wrap .inner h1:after { + content: ''; + position: absolute; + box-shadow: inset 0 -2px #ff3432, inset 0 2px #ff3432; + width: 140%; + height: 100%; + left: -20%; + top: 0%; + z-index: -1; + -webkit-transition: all 500ms cubic-bezier(1, 0.885, 0.32, 1); + transition: all 500ms cubic-bezier(1, 0.885, 0.32, 1); + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: right; + transform-origin: right; + } + body #wrap .inner h1:before { + content: ''; + position: absolute; + width: 140%; + height: 100%; + left: -20%; + top: 0%; + background: #ff3432; + z-index: -1; + -webkit-transition: all 300ms cubic-bezier(1, 0.885, 0.32, 1); + transition: all 300ms cubic-bezier(1, 0.885, 0.32, 1); + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: left; + transform-origin: left; + } + body #wrap .inner h1 span { + display: inline-block; + position: relative; + } + body #wrap .inner h1 span.char { + -webkit-transform: scale(0) rotate(-30deg); + transform: scale(0) rotate(-30deg); + } + body #wrap .inner h1 span.whitespace { + width: 10px; + } + body #wrap .inner .content p { + -webkit-transform: rotate(20deg) translateY(300px); + transform: rotate(20deg) translateY(300px); + -webkit-transition: -webkit-transform 200ms cubic-bezier(1, 0.885, 0.72, 1); + transition: -webkit-transform 200ms cubic-bezier(1, 0.885, 0.72, 1); + transition: transform 200ms cubic-bezier(1, 0.885, 0.72, 1); + transition: transform 200ms cubic-bezier(1, 0.885, 0.72, 1), -webkit-transform 200ms cubic-bezier(1, 0.885, 0.72, 1); + -webkit-transform-origin: left; + transform-origin: left; + display: inline-block; + max-width: 90%; + margin: 2.5% 5%; + line-height: 1.5; + color: #333; + font-size: 18px; + } + body .more, + body .back { + position: absolute; + z-index: 5; + bottom: 10px; + right: 10px; + height: 50px; + width: 50px; + display: inline-block; + } + body .more b, + body .back b { + position: absolute; + font-family: 'Lora'; + font-size: 30px; + color: #ff3432; + left: 0; + top: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition: -webkit-transform 100ms cubic-bezier(1, 0.885, 0.72, 1.25); + transition: -webkit-transform 100ms cubic-bezier(1, 0.885, 0.72, 1.25); + transition: transform 100ms cubic-bezier(1, 0.885, 0.72, 1.25); + transition: transform 100ms cubic-bezier(1, 0.885, 0.72, 1.25), -webkit-transform 100ms cubic-bezier(1, 0.885, 0.72, 1.25); + } + body .more b:before, body .more b:after, + body .back b:before, + body .back b:after { + content: ''; + position: absolute; + width: 35px; + height: 35px; + border: 2px solid #ff3432; + border-radius: 100%; + z-index: -1; + left: calc(50% - 20px); + top: calc(50% - 20px); + -webkit-transition: 0.2s ease-in-out; + transition: 0.2s ease-in-out; + -webkit-transform: scale(1.2); + transform: scale(1.2); + } + body .back { + right: auto; + left: 5%; + } + body .back:before, body .back:after { + border-color: #fff; + } + /* ========================================================================== + Helper classes + ========================================================================== */ + + /* + * Hide visually and from screen readers + */ + + .hidden { + display: none !important; + } + + /* + * Hide only visually, but have it available for screen readers: + * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility + * + * 1. For long content, line feeds are not interpreted as spaces and small width + * causes content to wrap 1 word per line: + * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe + */ + + .sr-only { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + white-space: nowrap; + width: 1px; + /* 1 */ + } + + /* + * Extends the .sr-only class to allow the element + * to be focusable when navigated to via the keyboard: + * https://www.drupal.org/node/897638 + */ + + .sr-only.focusable:active, + .sr-only.focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + white-space: inherit; + width: auto; + } + + /* + * Hide visually and from screen readers, but maintain layout + */ + + .invisible { + visibility: hidden; + } + + /* + * Clearfix: contain floats + * + * For modern browsers + * 1. The space content is one way to avoid an Opera bug when the + * `contenteditable` attribute is included anywhere else in the document. + * Otherwise it causes space to appear at the top and bottom of elements + * that receive the `clearfix` class. + * 2. The use of `table` rather than `block` is only necessary if using + * `:before` to contain the top-margins of child elements. + */ + + .clearfix:before, + .clearfix:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ + } + + .clearfix:after { + clear: both; + } + + /* ========================================================================== + EXAMPLE Media Queries for Responsive Design. + These examples override the primary ('mobile first') styles. + Modify as content requires. + ========================================================================== */ + + @media only screen and (min-width: 35em) { + /* Style adjustments for viewports that meet the condition */ + } + + @media print, + (-webkit-min-device-pixel-ratio: 1.25), + (min-resolution: 1.25dppx), + (min-resolution: 120dpi) { + /* Style adjustments for high resolution devices */ + } + + /* ========================================================================== + Print styles. + Inlined to avoid the additional HTTP request: + https://www.phpied.com/delay-loading-your-print-css/ + ========================================================================== */ + + @media print { + *, + *:before, + *:after { + background: transparent !important; + color: #000 !important; + /* Black prints faster */ + box-shadow: none !important; + text-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + /* + * Don't show links that are fragment identifiers, + * or use the `javascript:` pseudo protocol + */ + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; + } + pre { + white-space: pre-wrap !important; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + /* + * Printing Tables: + * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables + */ + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + } \ No newline at end of file diff --git a/css/css-animation-examples.css b/css/css-animation-examples.css new file mode 100644 index 0000000..edde462 --- /dev/null +++ b/css/css-animation-examples.css @@ -0,0 +1,286 @@ +/*! HTML5 Boilerplate v7.3.0 | MIT License | https://html5boilerplate.com/ */ + +/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */ +/* + * What follows is the result of much research on cross-browser styling. + * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, + * Kroc Camen, and the H5BP dev community and team. + */ + +/* ========================================================================== + Base styles: opinionated defaults + ========================================================================== */ + + html { + color: #222; + font-size: 1em; + line-height: 1.4; + } + + /* + * Remove text-shadow in selection highlight: + * https://twitter.com/miketaylr/status/12228805301 + * + * Vendor-prefixed and regular ::selection selectors cannot be combined: + * https://stackoverflow.com/a/16982510/7133471 + * + * Customize the background color to match your design. + */ + + ::-moz-selection { + background: #b3d4fc; + text-shadow: none; + } + + ::selection { + background: #b3d4fc; + text-shadow: none; + } + + /* + * A better looking default horizontal rule + */ + + hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #ccc; + margin: 1em 0; + padding: 0; + } + + /* + * Remove the gap between audio, canvas, iframes, + * images, videos and the bottom of their containers: + * https://github.com/h5bp/html5-boilerplate/issues/440 + */ + + audio, + canvas, + iframe, + img, + svg, + video { + vertical-align: middle; + } + + /* + * Remove default fieldset styles. + */ + + fieldset { + border: 0; + margin: 0; + padding: 0; + } + + /* + * Allow only vertical resizing of textareas. + */ + + textarea { + resize: vertical; + } + + /* ========================================================================== + Browser Upgrade Prompt + ========================================================================== */ + + .browserupgrade { + margin: 0.2em 0; + background: #ccc; + color: #000; + padding: 0.2em 0; + } + + /* ========================================================================== + Author's custom styles + ========================================================================== */ + * { + box-sizing: border-box; + } + h1 { + margin: none; + } + #card { + width: 10%; + margin: auto; + background-color: #ff9900; + } + .tumble { + width: 100%; + background-color: #06dbfb; + } + .tumble h1 { + font-size: 30px; + border: solid 1px black; + } + .flex3 { + width: 30%; + margin: auto; + } + /* ========================================================================== + Helper classes + ========================================================================== */ + + /* + * Hide visually and from screen readers + */ + + .hidden { + display: none !important; + } + + /* + * Hide only visually, but have it available for screen readers: + * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility + * + * 1. For long content, line feeds are not interpreted as spaces and small width + * causes content to wrap 1 word per line: + * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe + */ + + .sr-only { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + white-space: nowrap; + width: 1px; + /* 1 */ + } + + /* + * Extends the .sr-only class to allow the element + * to be focusable when navigated to via the keyboard: + * https://www.drupal.org/node/897638 + */ + + .sr-only.focusable:active, + .sr-only.focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + white-space: inherit; + width: auto; + } + + /* + * Hide visually and from screen readers, but maintain layout + */ + + .invisible { + visibility: hidden; + } + + /* + * Clearfix: contain floats + * + * For modern browsers + * 1. The space content is one way to avoid an Opera bug when the + * `contenteditable` attribute is included anywhere else in the document. + * Otherwise it causes space to appear at the top and bottom of elements + * that receive the `clearfix` class. + * 2. The use of `table` rather than `block` is only necessary if using + * `:before` to contain the top-margins of child elements. + */ + + .clearfix:before, + .clearfix:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ + } + + .clearfix:after { + clear: both; + } + + /* ========================================================================== + EXAMPLE Media Queries for Responsive Design. + These examples override the primary ('mobile first') styles. + Modify as content requires. + ========================================================================== */ + + @media only screen and (min-width: 35em) { + /* Style adjustments for viewports that meet the condition */ + } + + @media print, + (-webkit-min-device-pixel-ratio: 1.25), + (min-resolution: 1.25dppx), + (min-resolution: 120dpi) { + /* Style adjustments for high resolution devices */ + } + + /* ========================================================================== + Print styles. + Inlined to avoid the additional HTTP request: + https://www.phpied.com/delay-loading-your-print-css/ + ========================================================================== */ + + @media print { + *, + *:before, + *:after { + background: transparent !important; + color: #000 !important; + /* Black prints faster */ + box-shadow: none !important; + text-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + /* + * Don't show links that are fragment identifiers, + * or use the `javascript:` pseudo protocol + */ + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; + } + pre { + white-space: pre-wrap !important; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + /* + * Printing Tables: + * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables + */ + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + } \ No newline at end of file diff --git a/css/css-showcase-midterm.css b/css/css-showcase-midterm.css index 9a3c7e2..35f0934 100644 --- a/css/css-showcase-midterm.css +++ b/css/css-showcase-midterm.css @@ -167,5262 +167,162 @@ html { ========================================================================== */ * { box-sizing: border-box; - } - - body { - display: -webkit-box; - display: flex; - -webkit-box-pack: center; - justify-content: center; - -webkit-box-align: center; - align-items: center; - height: 100vh; - overflow: hidden; - font-family: 'Josefin Sans'; - } - body * { - box-sizing: border-box; - } - body #wrap { - position: absolute; - width: 500px; - height: 600px; - box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.25); - overflow: hidden; - background: #1161a4; - } - body #wrap input:hover { - cursor: pointer; - } - body #wrap input[type='checkbox'] { - position: absolute; - width: 150px; - height: 70px; - bottom: 0; - z-index: 999; - right: 0; - opacity: 0; - } - body #wrap input[type='checkbox']:hover ~ .frame .more b:after { - background: #fff; - } - body #wrap input[type='checkbox']:hover ~ .back b:after { - -webkit-transition-delay: 0; - transition-delay: 0; - background: #10c8b3; - } - body #wrap input[type='checkbox']:checked { - right: auto; - left: 0; - } - body #wrap input[type='checkbox']:checked ~ .back b { - -webkit-transition-delay: 1.1s; - transition-delay: 1.1s; - -webkit-transform: scale(1); - transform: scale(1); - color: #fff; - } - body #wrap input[type='checkbox']:checked ~ .back b:after { - border-color: #fff; - } - body #wrap input[type='checkbox']:checked ~ .back b:before { - -webkit-transition-delay: 1.3s; - transition-delay: 1.3s; - border-color: #fff; - -webkit-transform: scale(1); - transform: scale(1); - } - body #wrap input[type='checkbox']:checked ~ .frame { - -webkit-transform: translateX(-150%); - transform: translateX(-150%); - -webkit-transition-delay: 0.4s; - transition-delay: 0.4s; - } - body #wrap input[type='checkbox']:checked ~ .frame .more { - -webkit-transform: scale(0); - transform: scale(0); - } - body #wrap input[type='checkbox']:checked ~ .frame .images { - -webkit-transition: all 400ms cubic-bezier(1, 0.885, 0.72, 1); - transition: all 400ms cubic-bezier(1, 0.885, 0.72, 1); - -webkit-transition-delay: 0.1s; - transition-delay: 0.1s; - -webkit-transform: translateY(-100%); - transform: translateY(-100%); - } - body #wrap input[type='checkbox']:checked ~ .frame h1 { - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; - -webkit-transform: translateX(-100vw); - transform: translateX(-100vw); - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(1):checked ~ .box .internal .image { - -webkit-transition-delay: 0.25s; - transition-delay: 0.25s; - -webkit-transform: scale(1.25); - transform: scale(1.25); - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(1):checked ~ .box .internal .image:before { - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(1):checked ~ .box .internal:nth-of-type(1) p { - -webkit-transition-delay: 1s; - transition-delay: 1s; - -webkit-transform: translateX(0) skewX(0deg); - transform: translateX(0) skewX(0deg); - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(1):checked ~ .box .internal:nth-of-type(1) p:before { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; - -webkit-transition-delay: 1.6s; - transition-delay: 1.6s; - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(1):checked ~ .indicator { - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; - height: 100%; - -webkit-transform: translateY(0); - transform: translateY(0); - background: #1161a4; - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) p { - -webkit-transition: padding-top 300ms cubic-bezier(1, 0.885, 0.72, 1); - transition: padding-top 300ms cubic-bezier(1, 0.885, 0.72, 1); - -webkit-transition-delay: 0s; - transition-delay: 0s; - padding-top: 300px; - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(2):checked ~ .box .internal .image { - -webkit-transition-delay: 0.25s; - transition-delay: 0.25s; - -webkit-transform: scale(1.25); - transform: scale(1.25); - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(2):checked ~ .box .internal .image:before { - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(2):checked ~ .box .internal:nth-of-type(2) p { - -webkit-transition-delay: 1s; - transition-delay: 1s; - -webkit-transform: translateX(0) skewX(0deg); - transform: translateX(0) skewX(0deg); - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(2):checked ~ .box .internal:nth-of-type(2) p:before { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; - -webkit-transition-delay: 1.6s; - transition-delay: 1.6s; - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(2):checked ~ .indicator { - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; - height: 100%; - -webkit-transform: translateY(0); - transform: translateY(0); - background: #1161a4; - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) p { - -webkit-transition: padding-top 300ms cubic-bezier(1, 0.885, 0.72, 1); - transition: padding-top 300ms cubic-bezier(1, 0.885, 0.72, 1); - -webkit-transition-delay: 0s; - transition-delay: 0s; - padding-top: 300px; - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(3):checked ~ .box .internal .image { - -webkit-transition-delay: 0.25s; - transition-delay: 0.25s; - -webkit-transform: scale(1.25); - transform: scale(1.25); - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(3):checked ~ .box .internal .image:before { - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(3):checked ~ .box .internal:nth-of-type(3) p { - -webkit-transition-delay: 1s; - transition-delay: 1s; - -webkit-transform: translateX(0) skewX(0deg); - transform: translateX(0) skewX(0deg); - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(3):checked ~ .box .internal:nth-of-type(3) p:before { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; - -webkit-transition-delay: 1.6s; - transition-delay: 1.6s; - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(3):checked ~ .indicator { - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; - height: 100%; - -webkit-transform: translateY(0); - transform: translateY(0); - background: #1161a4; - } - body #wrap input[type='checkbox']:checked ~ .frame input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) p { - -webkit-transition: padding-top 300ms cubic-bezier(1, 0.885, 0.72, 1); - transition: padding-top 300ms cubic-bezier(1, 0.885, 0.72, 1); - -webkit-transition-delay: 0s; - transition-delay: 0s; - padding-top: 300px; - } - body #wrap .frame { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - -webkit-transition: -webkit-transform 400ms cubic-bezier(1, 0.385, 0.42, 1); - transition: -webkit-transform 400ms cubic-bezier(1, 0.385, 0.42, 1); - transition: transform 400ms cubic-bezier(1, 0.385, 0.42, 1); - transition: transform 400ms cubic-bezier(1, 0.385, 0.42, 1), -webkit-transform 400ms cubic-bezier(1, 0.385, 0.42, 1); - background: -webkit-gradient(linear, left top, right top, color-stop(10%, #fff), color-stop(10%, #ffca58)); - background: linear-gradient(to right, #fff 10%, #ffca58 10%); - } - body #wrap .frame:after { - content: ''; - position: absolute; - width: 50%; - height: 100%; - background: -webkit-gradient(linear, left top, right top, color-stop(50%, #feb339), color-stop(50%, #ff3432)); - background: linear-gradient(to right, #feb339 50%, #ff3432 50%); - left: 100%; - -webkit-transition: -webkit-transform 400ms cubic-bezier(1, 0.385, 0.42, 1); - transition: -webkit-transform 400ms cubic-bezier(1, 0.385, 0.42, 1); - transition: transform 400ms cubic-bezier(1, 0.385, 0.42, 1); - transition: transform 400ms cubic-bezier(1, 0.385, 0.42, 1), -webkit-transform 400ms cubic-bezier(1, 0.385, 0.42, 1); - } - body #wrap .frame .box { - position: absolute; - width: 100%; - height: 100%; - z-index: 999; - left: 150%; - color: #fff; - overflow: hidden; - } - body #wrap .frame .box .internal { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - padding: 10% 20%; - } - body #wrap .frame .box .internal .image { - position: absolute; - width: 100%; - height: 50%; - background-image: url("https://puu.sh/Ddl4B/c78b869b7a.jpg"); - bottom: 0; - left: 0; - background-size: cover; - background-position: bottom; - z-index: -1; - -webkit-transition: 4s ease-in-out; - transition: 4s ease-in-out; - } - body #wrap .frame .box .internal .image:before { - content: ''; - position: absolute; - width: 100%; - height: 200%; - left: 0; - top: 0; - background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #1161a4), color-stop(150%, rgba(255, 255, 255, 0.001))); - background: linear-gradient(to bottom, #1161a4 50%, rgba(255, 255, 255, 0.001) 150%); - -webkit-transition: 4s ease-in-out; - transition: 4s ease-in-out; - } - body #wrap .frame .box p { - -webkit-transform: translateX(500px) skewX(-30deg); - transform: translateX(500px) skewX(-30deg); - -webkit-transition: -webkit-transform 400ms cubic-bezier(1, 0.385, 0.82, 1); - transition: -webkit-transform 400ms cubic-bezier(1, 0.385, 0.82, 1); - transition: transform 400ms cubic-bezier(1, 0.385, 0.82, 1); - transition: transform 400ms cubic-bezier(1, 0.385, 0.82, 1), -webkit-transform 400ms cubic-bezier(1, 0.385, 0.82, 1); - font-size: 18px; - line-height: 1.5; - } - body #wrap .frame .box p:before { - content: ''; - position: absolute; - width: 120%; - height: 120%; - top: -10%; - left: -10%; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 0 10px 20px -5px #105a98; - opacity: 0; - -webkit-transform: scale(1.5); - transform: scale(1.5); - -webkit-transition: 0.75s ease-in-out; - transition: 0.75s ease-in-out; - } - body #wrap input { - opacity: 0; - z-index: 999; - } - body #wrap input:nth-of-type(1):hover ~ .nav:nth-of-type(1):before { - color: #ff3432; - } - body #wrap input:nth-of-type(1):checked ~ .nav:nth-of-type(1):before { - color: #fff; - -webkit-transform: translate(-50%, -50%) rotate(-90deg) scale(1.2); - transform: translate(-50%, -50%) rotate(-90deg) scale(1.2); - -webkit-transition-delay: 0.1s; - transition-delay: 0.1s; - } - body #wrap input:nth-of-type(1):checked ~ .indicator { - -webkit-transform: translateY(0%); - transform: translateY(0%); - } - body #wrap input:nth-of-type(1):checked ~ .inner input { - pointer-events: all; - } - body #wrap input:nth-of-type(1):checked ~ .inner .more b:nth-of-type(1) { - -webkit-transition-delay: 2.2s; - transition-delay: 2.2s; - -webkit-transform: scale(1); - transform: scale(1); - } - body #wrap input:nth-of-type(1):checked ~ .inner .more b:nth-of-type(1):before { - -webkit-transition-delay: 2.4s; - transition-delay: 2.4s; - -webkit-transform: scale(1); - transform: scale(1); - } - body #wrap input:nth-of-type(1):checked ~ .inner .images div:not(.image):nth-of-type(1) { - z-index: 1; - } - body #wrap input:nth-of-type(1):checked ~ .inner .images div:not(.image):nth-of-type(1):before { - -webkit-transition: -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); - transition: -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); - transition: transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); - transition: transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5), -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); - -webkit-transform: translateY(-200%); - transform: translateY(-200%); - opacity: 1; - } - body #wrap input:nth-of-type(1):checked ~ .inner .images div:not(.image):nth-of-type(1) .image { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) p { - -webkit-transition: -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); - transition: -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); - transition: transform 500ms cubic-bezier(1, 0.885, 0.72, 1); - transition: transform 500ms cubic-bezier(1, 0.885, 0.72, 1), -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); - -webkit-transition-delay: 1.5s; - transition-delay: 1.5s; - -webkit-transform: rotate(0deg) translateY(0); - transform: rotate(0deg) translateY(0); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 { - opacity: 1; - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.57s; - transition-delay: 1.57s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.59s; - transition-delay: 1.59s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.61s; - transition-delay: 1.61s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.63s; - transition-delay: 1.63s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.65s; - transition-delay: 1.65s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.67s; - transition-delay: 1.67s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.69s; - transition-delay: 1.69s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.71s; - transition-delay: 1.71s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.73s; - transition-delay: 1.73s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.75s; - transition-delay: 1.75s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.77s; - transition-delay: 1.77s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.79s; - transition-delay: 1.79s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.81s; - transition-delay: 1.81s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.83s; - transition-delay: 1.83s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(1) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.85s; - transition-delay: 1.85s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.62s; - transition-delay: 1.62s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.64s; - transition-delay: 1.64s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.66s; - transition-delay: 1.66s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.68s; - transition-delay: 1.68s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.7s; - transition-delay: 1.7s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.72s; - transition-delay: 1.72s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.74s; - transition-delay: 1.74s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.76s; - transition-delay: 1.76s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.78s; - transition-delay: 1.78s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.8s; - transition-delay: 1.8s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.82s; - transition-delay: 1.82s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.84s; - transition-delay: 1.84s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.86s; - transition-delay: 1.86s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.88s; - transition-delay: 1.88s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(2) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.9s; - transition-delay: 1.9s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.67s; - transition-delay: 1.67s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.69s; - transition-delay: 1.69s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.71s; - transition-delay: 1.71s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.73s; - transition-delay: 1.73s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.75s; - transition-delay: 1.75s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.77s; - transition-delay: 1.77s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.79s; - transition-delay: 1.79s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.81s; - transition-delay: 1.81s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.83s; - transition-delay: 1.83s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.85s; - transition-delay: 1.85s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.87s; - transition-delay: 1.87s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.89s; - transition-delay: 1.89s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.91s; - transition-delay: 1.91s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.93s; - transition-delay: 1.93s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(3) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.95s; - transition-delay: 1.95s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.72s; - transition-delay: 1.72s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.74s; - transition-delay: 1.74s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.76s; - transition-delay: 1.76s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.78s; - transition-delay: 1.78s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.8s; - transition-delay: 1.8s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.82s; - transition-delay: 1.82s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.84s; - transition-delay: 1.84s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.86s; - transition-delay: 1.86s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.88s; - transition-delay: 1.88s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.9s; - transition-delay: 1.9s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.92s; - transition-delay: 1.92s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.94s; - transition-delay: 1.94s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.96s; - transition-delay: 1.96s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.98s; - transition-delay: 1.98s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(4) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2s; - transition-delay: 2s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.77s; - transition-delay: 1.77s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.79s; - transition-delay: 1.79s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.81s; - transition-delay: 1.81s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.83s; - transition-delay: 1.83s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.85s; - transition-delay: 1.85s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.87s; - transition-delay: 1.87s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.89s; - transition-delay: 1.89s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.91s; - transition-delay: 1.91s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.93s; - transition-delay: 1.93s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.95s; - transition-delay: 1.95s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.97s; - transition-delay: 1.97s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.99s; - transition-delay: 1.99s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.01s; - transition-delay: 2.01s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.03s; - transition-delay: 2.03s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(5) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.05s; - transition-delay: 2.05s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.82s; - transition-delay: 1.82s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.84s; - transition-delay: 1.84s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.86s; - transition-delay: 1.86s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.88s; - transition-delay: 1.88s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.9s; - transition-delay: 1.9s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.92s; - transition-delay: 1.92s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.94s; - transition-delay: 1.94s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.96s; - transition-delay: 1.96s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.98s; - transition-delay: 1.98s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2s; - transition-delay: 2s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.02s; - transition-delay: 2.02s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.04s; - transition-delay: 2.04s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.06s; - transition-delay: 2.06s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.08s; - transition-delay: 2.08s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(6) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.1s; - transition-delay: 2.1s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.87s; - transition-delay: 1.87s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.89s; - transition-delay: 1.89s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.91s; - transition-delay: 1.91s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.93s; - transition-delay: 1.93s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.95s; - transition-delay: 1.95s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.97s; - transition-delay: 1.97s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.99s; - transition-delay: 1.99s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.01s; - transition-delay: 2.01s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.03s; - transition-delay: 2.03s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.05s; - transition-delay: 2.05s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.07s; - transition-delay: 2.07s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.09s; - transition-delay: 2.09s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.11s; - transition-delay: 2.11s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.13s; - transition-delay: 2.13s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(7) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.15s; - transition-delay: 2.15s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.92s; - transition-delay: 1.92s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.94s; - transition-delay: 1.94s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.96s; - transition-delay: 1.96s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.98s; - transition-delay: 1.98s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2s; - transition-delay: 2s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.02s; - transition-delay: 2.02s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.04s; - transition-delay: 2.04s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.06s; - transition-delay: 2.06s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.08s; - transition-delay: 2.08s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.1s; - transition-delay: 2.1s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.12s; - transition-delay: 2.12s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.14s; - transition-delay: 2.14s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.16s; - transition-delay: 2.16s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.18s; - transition-delay: 2.18s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(8) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.2s; - transition-delay: 2.2s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.97s; - transition-delay: 1.97s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.99s; - transition-delay: 1.99s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.01s; - transition-delay: 2.01s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.03s; - transition-delay: 2.03s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.05s; - transition-delay: 2.05s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.07s; - transition-delay: 2.07s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.09s; - transition-delay: 2.09s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.11s; - transition-delay: 2.11s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.13s; - transition-delay: 2.13s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.15s; - transition-delay: 2.15s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.17s; - transition-delay: 2.17s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.19s; - transition-delay: 2.19s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.21s; - transition-delay: 2.21s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.23s; - transition-delay: 2.23s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(9) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.25s; - transition-delay: 2.25s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.02s; - transition-delay: 2.02s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.04s; - transition-delay: 2.04s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.06s; - transition-delay: 2.06s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.08s; - transition-delay: 2.08s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.1s; - transition-delay: 2.1s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.12s; - transition-delay: 2.12s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.14s; - transition-delay: 2.14s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.16s; - transition-delay: 2.16s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.18s; - transition-delay: 2.18s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.2s; - transition-delay: 2.2s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.22s; - transition-delay: 2.22s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.24s; - transition-delay: 2.24s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.26s; - transition-delay: 2.26s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.28s; - transition-delay: 2.28s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1 .word:nth-of-type(10) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.3s; - transition-delay: 2.3s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1:after, body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1:before { - -webkit-transition-delay: 1s; - transition-delay: 1s; - -webkit-transform: scaleX(1); - transform: scaleX(1); - } - body #wrap input:nth-of-type(1):checked ~ .inner .content:nth-of-type(1) h1:before { - -webkit-transition-delay: 1.3s; - transition-delay: 1.3s; - } - body #wrap input:nth-of-type(2):hover ~ .nav:nth-of-type(2):before { - color: #ff3432; - } - body #wrap input:nth-of-type(2):checked ~ .nav:nth-of-type(2):before { - color: #fff; - -webkit-transform: translate(-50%, -50%) rotate(-90deg) scale(1.2); - transform: translate(-50%, -50%) rotate(-90deg) scale(1.2); - -webkit-transition-delay: 0.1s; - transition-delay: 0.1s; - } - body #wrap input:nth-of-type(2):checked ~ .indicator { - -webkit-transform: translateY(100%); - transform: translateY(100%); - } - body #wrap input:nth-of-type(2):checked ~ .inner input { - pointer-events: all; - } - body #wrap input:nth-of-type(2):checked ~ .inner .more b:nth-of-type(2) { - -webkit-transition-delay: 2.2s; - transition-delay: 2.2s; - -webkit-transform: scale(1); - transform: scale(1); - } - body #wrap input:nth-of-type(2):checked ~ .inner .more b:nth-of-type(2):before { - -webkit-transition-delay: 2.4s; - transition-delay: 2.4s; - -webkit-transform: scale(1); - transform: scale(1); - } - body #wrap input:nth-of-type(2):checked ~ .inner .images div:not(.image):nth-of-type(2) { - z-index: 1; - } - body #wrap input:nth-of-type(2):checked ~ .inner .images div:not(.image):nth-of-type(2):before { - -webkit-transition: -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); - transition: -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); - transition: transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); - transition: transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5), -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); - -webkit-transform: translateY(-200%); - transform: translateY(-200%); - opacity: 1; - } - body #wrap input:nth-of-type(2):checked ~ .inner .images div:not(.image):nth-of-type(2) .image { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) p { - -webkit-transition: -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); - transition: -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); - transition: transform 500ms cubic-bezier(1, 0.885, 0.72, 1); - transition: transform 500ms cubic-bezier(1, 0.885, 0.72, 1), -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); - -webkit-transition-delay: 1.5s; - transition-delay: 1.5s; - -webkit-transform: rotate(0deg) translateY(0); - transform: rotate(0deg) translateY(0); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 { - opacity: 1; - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.57s; - transition-delay: 1.57s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.59s; - transition-delay: 1.59s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.61s; - transition-delay: 1.61s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.63s; - transition-delay: 1.63s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.65s; - transition-delay: 1.65s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.67s; - transition-delay: 1.67s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.69s; - transition-delay: 1.69s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.71s; - transition-delay: 1.71s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.73s; - transition-delay: 1.73s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.75s; - transition-delay: 1.75s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.77s; - transition-delay: 1.77s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.79s; - transition-delay: 1.79s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.81s; - transition-delay: 1.81s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.83s; - transition-delay: 1.83s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(1) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.85s; - transition-delay: 1.85s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.62s; - transition-delay: 1.62s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.64s; - transition-delay: 1.64s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.66s; - transition-delay: 1.66s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.68s; - transition-delay: 1.68s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.7s; - transition-delay: 1.7s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.72s; - transition-delay: 1.72s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.74s; - transition-delay: 1.74s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.76s; - transition-delay: 1.76s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.78s; - transition-delay: 1.78s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.8s; - transition-delay: 1.8s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.82s; - transition-delay: 1.82s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.84s; - transition-delay: 1.84s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.86s; - transition-delay: 1.86s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.88s; - transition-delay: 1.88s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(2) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.9s; - transition-delay: 1.9s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.67s; - transition-delay: 1.67s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.69s; - transition-delay: 1.69s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.71s; - transition-delay: 1.71s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.73s; - transition-delay: 1.73s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.75s; - transition-delay: 1.75s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.77s; - transition-delay: 1.77s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.79s; - transition-delay: 1.79s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.81s; - transition-delay: 1.81s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.83s; - transition-delay: 1.83s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.85s; - transition-delay: 1.85s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.87s; - transition-delay: 1.87s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.89s; - transition-delay: 1.89s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.91s; - transition-delay: 1.91s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.93s; - transition-delay: 1.93s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(3) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.95s; - transition-delay: 1.95s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.72s; - transition-delay: 1.72s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.74s; - transition-delay: 1.74s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.76s; - transition-delay: 1.76s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.78s; - transition-delay: 1.78s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.8s; - transition-delay: 1.8s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.82s; - transition-delay: 1.82s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.84s; - transition-delay: 1.84s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.86s; - transition-delay: 1.86s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.88s; - transition-delay: 1.88s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.9s; - transition-delay: 1.9s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.92s; - transition-delay: 1.92s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.94s; - transition-delay: 1.94s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.96s; - transition-delay: 1.96s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.98s; - transition-delay: 1.98s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(4) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2s; - transition-delay: 2s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.77s; - transition-delay: 1.77s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.79s; - transition-delay: 1.79s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.81s; - transition-delay: 1.81s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.83s; - transition-delay: 1.83s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.85s; - transition-delay: 1.85s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.87s; - transition-delay: 1.87s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.89s; - transition-delay: 1.89s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.91s; - transition-delay: 1.91s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.93s; - transition-delay: 1.93s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.95s; - transition-delay: 1.95s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.97s; - transition-delay: 1.97s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.99s; - transition-delay: 1.99s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.01s; - transition-delay: 2.01s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.03s; - transition-delay: 2.03s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(5) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.05s; - transition-delay: 2.05s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.82s; - transition-delay: 1.82s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.84s; - transition-delay: 1.84s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.86s; - transition-delay: 1.86s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.88s; - transition-delay: 1.88s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.9s; - transition-delay: 1.9s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.92s; - transition-delay: 1.92s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.94s; - transition-delay: 1.94s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.96s; - transition-delay: 1.96s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.98s; - transition-delay: 1.98s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2s; - transition-delay: 2s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.02s; - transition-delay: 2.02s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.04s; - transition-delay: 2.04s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.06s; - transition-delay: 2.06s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.08s; - transition-delay: 2.08s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(6) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.1s; - transition-delay: 2.1s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.87s; - transition-delay: 1.87s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.89s; - transition-delay: 1.89s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.91s; - transition-delay: 1.91s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.93s; - transition-delay: 1.93s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.95s; - transition-delay: 1.95s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.97s; - transition-delay: 1.97s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.99s; - transition-delay: 1.99s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.01s; - transition-delay: 2.01s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.03s; - transition-delay: 2.03s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.05s; - transition-delay: 2.05s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.07s; - transition-delay: 2.07s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.09s; - transition-delay: 2.09s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.11s; - transition-delay: 2.11s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.13s; - transition-delay: 2.13s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(7) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.15s; - transition-delay: 2.15s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.92s; - transition-delay: 1.92s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.94s; - transition-delay: 1.94s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.96s; - transition-delay: 1.96s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.98s; - transition-delay: 1.98s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2s; - transition-delay: 2s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.02s; - transition-delay: 2.02s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.04s; - transition-delay: 2.04s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.06s; - transition-delay: 2.06s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.08s; - transition-delay: 2.08s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.1s; - transition-delay: 2.1s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.12s; - transition-delay: 2.12s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.14s; - transition-delay: 2.14s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.16s; - transition-delay: 2.16s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.18s; - transition-delay: 2.18s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(8) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.2s; - transition-delay: 2.2s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.97s; - transition-delay: 1.97s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.99s; - transition-delay: 1.99s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.01s; - transition-delay: 2.01s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.03s; - transition-delay: 2.03s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.05s; - transition-delay: 2.05s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.07s; - transition-delay: 2.07s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.09s; - transition-delay: 2.09s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.11s; - transition-delay: 2.11s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.13s; - transition-delay: 2.13s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.15s; - transition-delay: 2.15s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.17s; - transition-delay: 2.17s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.19s; - transition-delay: 2.19s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.21s; - transition-delay: 2.21s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.23s; - transition-delay: 2.23s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(9) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.25s; - transition-delay: 2.25s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.02s; - transition-delay: 2.02s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.04s; - transition-delay: 2.04s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.06s; - transition-delay: 2.06s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.08s; - transition-delay: 2.08s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.1s; - transition-delay: 2.1s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.12s; - transition-delay: 2.12s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.14s; - transition-delay: 2.14s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.16s; - transition-delay: 2.16s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.18s; - transition-delay: 2.18s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.2s; - transition-delay: 2.2s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.22s; - transition-delay: 2.22s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.24s; - transition-delay: 2.24s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.26s; - transition-delay: 2.26s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.28s; - transition-delay: 2.28s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1 .word:nth-of-type(10) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.3s; - transition-delay: 2.3s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1:after, body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1:before { - -webkit-transition-delay: 1s; - transition-delay: 1s; - -webkit-transform: scaleX(1); - transform: scaleX(1); - } - body #wrap input:nth-of-type(2):checked ~ .inner .content:nth-of-type(2) h1:before { - -webkit-transition-delay: 1.3s; - transition-delay: 1.3s; - } - body #wrap input:nth-of-type(3):hover ~ .nav:nth-of-type(3):before { - color: #ff3432; - } - body #wrap input:nth-of-type(3):checked ~ .nav:nth-of-type(3):before { - color: #fff; - -webkit-transform: translate(-50%, -50%) rotate(-90deg) scale(1.2); - transform: translate(-50%, -50%) rotate(-90deg) scale(1.2); - -webkit-transition-delay: 0.1s; - transition-delay: 0.1s; - } - body #wrap input:nth-of-type(3):checked ~ .indicator { - -webkit-transform: translateY(200%); - transform: translateY(200%); - } - body #wrap input:nth-of-type(3):checked ~ .inner input { - pointer-events: all; - } - body #wrap input:nth-of-type(3):checked ~ .inner .more b:nth-of-type(3) { - -webkit-transition-delay: 2.2s; - transition-delay: 2.2s; - -webkit-transform: scale(1); - transform: scale(1); - } - body #wrap input:nth-of-type(3):checked ~ .inner .more b:nth-of-type(3):before { - -webkit-transition-delay: 2.4s; - transition-delay: 2.4s; - -webkit-transform: scale(1); - transform: scale(1); - } - body #wrap input:nth-of-type(3):checked ~ .inner .images div:not(.image):nth-of-type(3) { - z-index: 1; - } - body #wrap input:nth-of-type(3):checked ~ .inner .images div:not(.image):nth-of-type(3):before { - -webkit-transition: -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); - transition: -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); - transition: transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); - transition: transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5), -webkit-transform 2000ms cubic-bezier(1, 0.885, 0.82, 0.5); - -webkit-transform: translateY(-200%); - transform: translateY(-200%); - opacity: 1; - } - body #wrap input:nth-of-type(3):checked ~ .inner .images div:not(.image):nth-of-type(3) .image { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) p { - -webkit-transition: -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); - transition: -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); - transition: transform 500ms cubic-bezier(1, 0.885, 0.72, 1); - transition: transform 500ms cubic-bezier(1, 0.885, 0.72, 1), -webkit-transform 500ms cubic-bezier(1, 0.885, 0.72, 1); - -webkit-transition-delay: 1.5s; - transition-delay: 1.5s; - -webkit-transform: rotate(0deg) translateY(0); - transform: rotate(0deg) translateY(0); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 { - opacity: 1; - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.57s; - transition-delay: 1.57s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.59s; - transition-delay: 1.59s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.61s; - transition-delay: 1.61s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.63s; - transition-delay: 1.63s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.65s; - transition-delay: 1.65s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.67s; - transition-delay: 1.67s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.69s; - transition-delay: 1.69s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.71s; - transition-delay: 1.71s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.73s; - transition-delay: 1.73s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.75s; - transition-delay: 1.75s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.77s; - transition-delay: 1.77s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.79s; - transition-delay: 1.79s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.81s; - transition-delay: 1.81s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.83s; - transition-delay: 1.83s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(1) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.85s; - transition-delay: 1.85s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.62s; - transition-delay: 1.62s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.64s; - transition-delay: 1.64s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.66s; - transition-delay: 1.66s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.68s; - transition-delay: 1.68s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.7s; - transition-delay: 1.7s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.72s; - transition-delay: 1.72s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.74s; - transition-delay: 1.74s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.76s; - transition-delay: 1.76s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.78s; - transition-delay: 1.78s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.8s; - transition-delay: 1.8s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.82s; - transition-delay: 1.82s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.84s; - transition-delay: 1.84s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.86s; - transition-delay: 1.86s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.88s; - transition-delay: 1.88s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(2) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.9s; - transition-delay: 1.9s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.67s; - transition-delay: 1.67s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.69s; - transition-delay: 1.69s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.71s; - transition-delay: 1.71s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.73s; - transition-delay: 1.73s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.75s; - transition-delay: 1.75s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.77s; - transition-delay: 1.77s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.79s; - transition-delay: 1.79s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.81s; - transition-delay: 1.81s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.83s; - transition-delay: 1.83s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.85s; - transition-delay: 1.85s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.87s; - transition-delay: 1.87s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.89s; - transition-delay: 1.89s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.91s; - transition-delay: 1.91s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.93s; - transition-delay: 1.93s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(3) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.95s; - transition-delay: 1.95s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.72s; - transition-delay: 1.72s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.74s; - transition-delay: 1.74s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.76s; - transition-delay: 1.76s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.78s; - transition-delay: 1.78s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.8s; - transition-delay: 1.8s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.82s; - transition-delay: 1.82s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.84s; - transition-delay: 1.84s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.86s; - transition-delay: 1.86s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.88s; - transition-delay: 1.88s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.9s; - transition-delay: 1.9s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.92s; - transition-delay: 1.92s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.94s; - transition-delay: 1.94s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.96s; - transition-delay: 1.96s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.98s; - transition-delay: 1.98s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(4) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2s; - transition-delay: 2s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.77s; - transition-delay: 1.77s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.79s; - transition-delay: 1.79s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.81s; - transition-delay: 1.81s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.83s; - transition-delay: 1.83s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.85s; - transition-delay: 1.85s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.87s; - transition-delay: 1.87s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.89s; - transition-delay: 1.89s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.91s; - transition-delay: 1.91s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.93s; - transition-delay: 1.93s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.95s; - transition-delay: 1.95s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.97s; - transition-delay: 1.97s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.99s; - transition-delay: 1.99s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.01s; - transition-delay: 2.01s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.03s; - transition-delay: 2.03s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(5) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.05s; - transition-delay: 2.05s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.82s; - transition-delay: 1.82s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.84s; - transition-delay: 1.84s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.86s; - transition-delay: 1.86s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.88s; - transition-delay: 1.88s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.9s; - transition-delay: 1.9s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.92s; - transition-delay: 1.92s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.94s; - transition-delay: 1.94s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.96s; - transition-delay: 1.96s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.98s; - transition-delay: 1.98s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2s; - transition-delay: 2s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.02s; - transition-delay: 2.02s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.04s; - transition-delay: 2.04s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.06s; - transition-delay: 2.06s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.08s; - transition-delay: 2.08s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(6) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.1s; - transition-delay: 2.1s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.87s; - transition-delay: 1.87s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.89s; - transition-delay: 1.89s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.91s; - transition-delay: 1.91s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.93s; - transition-delay: 1.93s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.95s; - transition-delay: 1.95s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.97s; - transition-delay: 1.97s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.99s; - transition-delay: 1.99s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.01s; - transition-delay: 2.01s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.03s; - transition-delay: 2.03s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.05s; - transition-delay: 2.05s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.07s; - transition-delay: 2.07s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.09s; - transition-delay: 2.09s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.11s; - transition-delay: 2.11s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.13s; - transition-delay: 2.13s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(7) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.15s; - transition-delay: 2.15s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.92s; - transition-delay: 1.92s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.94s; - transition-delay: 1.94s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.96s; - transition-delay: 1.96s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.98s; - transition-delay: 1.98s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2s; - transition-delay: 2s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.02s; - transition-delay: 2.02s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.04s; - transition-delay: 2.04s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.06s; - transition-delay: 2.06s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.08s; - transition-delay: 2.08s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.1s; - transition-delay: 2.1s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.12s; - transition-delay: 2.12s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.14s; - transition-delay: 2.14s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.16s; - transition-delay: 2.16s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.18s; - transition-delay: 2.18s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(8) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.2s; - transition-delay: 2.2s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.97s; - transition-delay: 1.97s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 1.99s; - transition-delay: 1.99s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.01s; - transition-delay: 2.01s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.03s; - transition-delay: 2.03s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.05s; - transition-delay: 2.05s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.07s; - transition-delay: 2.07s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.09s; - transition-delay: 2.09s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.11s; - transition-delay: 2.11s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.13s; - transition-delay: 2.13s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.15s; - transition-delay: 2.15s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.17s; - transition-delay: 2.17s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.19s; - transition-delay: 2.19s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.21s; - transition-delay: 2.21s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.23s; - transition-delay: 2.23s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(9) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.25s; - transition-delay: 2.25s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(1) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.02s; - transition-delay: 2.02s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(2) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.04s; - transition-delay: 2.04s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(3) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.06s; - transition-delay: 2.06s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(4) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.08s; - transition-delay: 2.08s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(5) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.1s; - transition-delay: 2.1s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(6) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.12s; - transition-delay: 2.12s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(7) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.14s; - transition-delay: 2.14s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(8) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.16s; - transition-delay: 2.16s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(9) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.18s; - transition-delay: 2.18s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(10) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.2s; - transition-delay: 2.2s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(11) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.22s; - transition-delay: 2.22s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(12) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.24s; - transition-delay: 2.24s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(13) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.26s; - transition-delay: 2.26s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(14) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.28s; - transition-delay: 2.28s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1 .word:nth-of-type(10) span:nth-of-type(15) { - -webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-transition-delay: 2.3s; - transition-delay: 2.3s; - -webkit-transform: scale(1) rotate(0deg); - transform: scale(1) rotate(0deg); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1:after, body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1:before { - -webkit-transition-delay: 1s; - transition-delay: 1s; - -webkit-transform: scaleX(1); - transform: scaleX(1); - } - body #wrap input:nth-of-type(3):checked ~ .inner .content:nth-of-type(3) h1:before { - -webkit-transition-delay: 1.3s; - transition-delay: 1.3s; - } - body #wrap input[type='radio'], - body #wrap .nav, - body #wrap .indicator { - height: 33.33%; - position: absolute; - width: 10%; - left: 0; - box-shadow: inset 0 0 0 2px #1161a4; - } - body #wrap input[type='radio']:nth-of-type(1), - body #wrap .nav:nth-of-type(1), - body #wrap .indicator:nth-of-type(1) { - top: 0%; - } - body #wrap input[type='radio']:nth-of-type(2), - body #wrap .nav:nth-of-type(2), - body #wrap .indicator:nth-of-type(2) { - top: 33.33%; - } - body #wrap input[type='radio']:nth-of-type(3), - body #wrap .nav:nth-of-type(3), - body #wrap .indicator:nth-of-type(3) { - top: 66.66%; - } - body #wrap .nav { - z-index: 2; - } - body #wrap .nav:nth-of-type(2) { - box-shadow: inset -2px 0 0 #1161a4, inset 2px 0 0 #1161a4; - } - body #wrap .nav:nth-of-type(2):before { - content: 'TWO'; - } - body #wrap .nav:nth-of-type(3):before { - content: 'THREE'; - } - body #wrap .nav:before { - content: 'ONE'; - position: absolute; - display: inline-block; - color: #1161a4; - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%) rotate(-90deg); - transform: translate(-50%, -50%) rotate(-90deg); - -webkit-transition: all 200ms cubic-bezier(1, 0.885, 0.32, 1); - transition: all 200ms cubic-bezier(1, 0.885, 0.32, 1); - } - body #wrap .indicator { - background: #10c8b3; - -webkit-transition: all 200ms cubic-bezier(1, 0.885, 0.32, 1); - transition: all 200ms cubic-bezier(1, 0.885, 0.32, 1); - z-index: 0; - box-shadow: none; - } - body #wrap .inner { - position: absolute; - width: 90%; - left: 10%; - top: 0; - overflow: hidden; - height: 100%; - } - body #wrap .inner .images { - position: absolute; - width: 100%; - height: 100%; - bottom: 50%; - overflow: hidden; - -webkit-transition: all 300ms cubic-bezier(1, 0.885, 0.72, 1); - transition: all 300ms cubic-bezier(1, 0.885, 0.72, 1); - } - body #wrap .inner .images div:not(.image) { - position: absolute; - width: 100%; - height: 100%; - z-index: 0; - } - body #wrap .inner .images div:not(.image):before { - content: ''; - position: absolute; - width: 100%; - height: 200%; - left: 0; - top: 100%; - background: #feb339; - -webkit-transform: translateY(100%); - transform: translateY(100%); - z-index: 2; - opacity: 0; - } - body #wrap .inner .images div:not(.image):nth-of-type(2) .image { - background-image: url("https://puu.sh/DdcJi/a10cb7ffc1.jpg"); - } - body #wrap .inner .images div:not(.image):nth-of-type(3) .image { - background-image: url("https://puu.sh/DdcOe/281086cd16.jpg"); - } - body #wrap .inner .images div:not(.image) .image { - width: 100%; - height: 50%; - position: absolute; - bottom: 0; - left: 0; - z-index: -1; - background-image: url("https://puu.sh/DdbZq/8577c8d00c.jpg"); - opacity: 0; - -webkit-transform: scale(1.5) rotate(-15deg); - transform: scale(1.5) rotate(-15deg); - -webkit-transition: opacity 1s ease-in-out, -webkit-transform 2s ease-in-out; - transition: opacity 1s ease-in-out, -webkit-transform 2s ease-in-out; - transition: opacity 1s ease-in-out, transform 2s ease-in-out; - transition: opacity 1s ease-in-out, transform 2s ease-in-out, -webkit-transform 2s ease-in-out; - -webkit-transition-delay: 1s, 1s; - transition-delay: 1s, 1s; - background-size: cover; - background-position: center; - } - body #wrap .inner .content { - position: absolute; - width: 100%; - height: 50%; - left: 0; - top: 50%; - overflow: hidden; - z-index: 2; - -webkit-transition: all 300ms cubic-bezier(1, 0.885, 0.72, 1); - transition: all 300ms cubic-bezier(1, 0.885, 0.72, 1); - } - body #wrap .inner h1 { - display: inline-block; - position: relative; - width: auto; - color: #fff; - z-index: 1; - width: 100%; - opacity: 1; + padding: 0; margin: 0; - padding: 5%; - overflow: hidden; - font-family: 'Lora'; - font-weight: 100; - } - body #wrap .inner h1:after { - content: ''; - position: absolute; - box-shadow: inset 0 -2px #ff3432, inset 0 2px #ff3432; - width: 140%; - height: 100%; - left: -20%; - top: 0%; - z-index: -1; - -webkit-transition: all 500ms cubic-bezier(1, 0.885, 0.32, 1); - transition: all 500ms cubic-bezier(1, 0.885, 0.32, 1); - -webkit-transform: scaleX(0); - transform: scaleX(0); - -webkit-transform-origin: right; - transform-origin: right; - } - body #wrap .inner h1:before { - content: ''; - position: absolute; - width: 140%; - height: 100%; - left: -20%; - top: 0%; - background: #ff3432; - z-index: -1; - -webkit-transition: all 300ms cubic-bezier(1, 0.885, 0.32, 1); - transition: all 300ms cubic-bezier(1, 0.885, 0.32, 1); - -webkit-transform: scaleX(0); - transform: scaleX(0); - -webkit-transform-origin: left; - transform-origin: left; - } - body #wrap .inner h1 span { - display: inline-block; - position: relative; - } - body #wrap .inner h1 span.char { - -webkit-transform: scale(0) rotate(-30deg); - transform: scale(0) rotate(-30deg); - } - body #wrap .inner h1 span.whitespace { - width: 10px; - } - body #wrap .inner .content p { - -webkit-transform: rotate(20deg) translateY(300px); - transform: rotate(20deg) translateY(300px); - -webkit-transition: -webkit-transform 200ms cubic-bezier(1, 0.885, 0.72, 1); - transition: -webkit-transform 200ms cubic-bezier(1, 0.885, 0.72, 1); - transition: transform 200ms cubic-bezier(1, 0.885, 0.72, 1); - transition: transform 200ms cubic-bezier(1, 0.885, 0.72, 1), -webkit-transform 200ms cubic-bezier(1, 0.885, 0.72, 1); - -webkit-transform-origin: left; - transform-origin: left; - display: inline-block; - max-width: 90%; - margin: 2.5% 5%; - line-height: 1.5; - color: #333; - font-size: 18px; - } - body .more, - body .back { - position: absolute; - z-index: 5; - bottom: 10px; - right: 10px; - height: 50px; - width: 50px; - display: inline-block; - } - body .more b, - body .back b { - position: absolute; - font-family: 'Lora'; - font-size: 30px; - color: #ff3432; - left: 0; - top: 0; - -webkit-transform: scale(0); - transform: scale(0); - -webkit-transition: -webkit-transform 100ms cubic-bezier(1, 0.885, 0.72, 1.25); - transition: -webkit-transform 100ms cubic-bezier(1, 0.885, 0.72, 1.25); - transition: transform 100ms cubic-bezier(1, 0.885, 0.72, 1.25); - transition: transform 100ms cubic-bezier(1, 0.885, 0.72, 1.25), -webkit-transform 100ms cubic-bezier(1, 0.885, 0.72, 1.25); - } - body .more b:before, body .more b:after, - body .back b:before, - body .back b:after { - content: ''; - position: absolute; - width: 35px; - height: 35px; - border: 2px solid #ff3432; - border-radius: 100%; - z-index: -1; - left: calc(50% - 20px); - top: calc(50% - 20px); - -webkit-transition: 0.2s ease-in-out; - transition: 0.2s ease-in-out; - -webkit-transform: scale(1.2); - transform: scale(1.2); - } - body .back { - right: auto; - left: 5%; - } - body .back:before, body .back:after { - border-color: #fff; - } + text-decoration: none; + list-style: none; + box-sizing: border-box; + } + body{ + font-family: montserrat arial helvetica sans-serif; + } + /* Beginning of Menu */ + nav{ + background: #0082e6; + height: 80px; + width: 100%; + } + div.logo { + color: white; + font-size: 35px; + line-height: 80px; + padding: 0 100px; + font-weight: bold; + } + nav ul { + float: right; + margin-right: 20px; + } + nav ul li { + display: inline-block; + line-height: 80px; + margin: 0 5px; + } + nav ul li a { + color: white; + font-size: 17px; + text-transform: uppercase; + padding: 7px 13px; + border-radius: 3px; + } + a:hover { + background: #1b9bff; + transition: .5s; + } + .checkbtn { + font-size: 30px; + color: white; + float: right; + line-height: 80px; + margin-right: 40px; + cursor: pointer; + display: none; + } + #check { + display: none; + + } + @media (max-width: 1100px) { + div.logo { + font-size:30px; + padding-left: 50px; + } + nav ul li a { + font-size: 16px; + } + } + @media (max-width: 1100px) { + .checkbtn { + display: block; + } + ul { + position: fixed; + width: 100%; + height: 100vh; + background: #2c3e50; + top: 80px; + left: -100%; + text-align: center; + transition: all .5s; + } + nav ul li { + display: block; + margin: 50px 0; + line-height: 30px; + } + nav ul li a { + font-size: 20px; + } + a:hover, a.active { + background: none; + color: #0082e6; + } + #check:checked ~ ul { + left: 0; + } + } + /* End of Menu */ + /* Start of Section 1 */ + #grey { + background-color: grey; + width: 100%; + display: flex; + flex-direction: column; + } + .smiley { + margin: auto; + } + + @media (min-width: 1100px) { + #grey { + background-color: grey; + width: 100%; + display: flex; + flex-direction: row; + } + .greyhalf1 { + width: 50%; + } + } + h1 { + margin: 0; + } + /* End of Section 1 */ + /* Start of Section 2 */ + @media (min-width: 1100px) { + .examplehalf { + display: flex; + flex-direction: row; + } + #imghalf { + width: 40%; + margin: auto; + } + #example1 { + width: 40%; + margin: auto; + } + } + #red { + background-color: #ff8080; + } + .section { + padding: 100px; + } + img { + width: 45%; + margin: 20px; + } + p { + font-family: 'Fjalla One', sans-serif; + } + h1 { + font-family: 'Anton', sans-serif; + } + strong { + color: #260CE5; + } + /* diff --git a/img/keyframes1.PNG b/img/keyframes1.PNG new file mode 100644 index 0000000..061bde6 Binary files /dev/null and b/img/keyframes1.PNG differ diff --git a/img/keyframes2.PNG b/img/keyframes2.PNG new file mode 100644 index 0000000..85a0109 Binary files /dev/null and b/img/keyframes2.PNG differ diff --git a/img/shorthand1.PNG b/img/shorthand1.PNG new file mode 100644 index 0000000..cf235a1 Binary files /dev/null and b/img/shorthand1.PNG differ diff --git a/img/shorthand2.PNG b/img/shorthand2.PNG new file mode 100644 index 0000000..2b8fcdb Binary files /dev/null and b/img/shorthand2.PNG differ