diff --git a/css-showcase-midterm.html b/css-showcase-midterm.html index eea35fc..5fdbee2 100644 --- a/css-showcase-midterm.html +++ b/css-showcase-midterm.html @@ -25,40 +25,65 @@ -
- -
-
- CSS Animations by Jamison Cote - - -
+
+ +
+ ← +
+
+ + + +
+
+
+
+
+
+

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.

+
+
+ → + → + → +
+
+
+
+
+
+
+
+
+
+
+
-
-
- -
- I Think -
-
Web Design
-
UConn
-
Connecticut
-
- Is Awesome! +
+
+

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.

+
+
-
-
- -
-
-
-
-
-
-
-
-
- +
+ diff --git a/css/css-showcase-midterm.css b/css/css-showcase-midterm.css index e86499e..9a3c7e2 100644 --- a/css/css-showcase-midterm.css +++ b/css/css-showcase-midterm.css @@ -169,204 +169,5260 @@ html { box-sizing: border-box; } - @import url('https://fonts.googleapis.com/css?family=Roboto:700'); - -body { - margin:0px; - padding: 0; - font-family:'Roboto'; - text-align: center; - background-color: black; -} -header { - margin: auto; - width: 300px; -} -.wrapper { - display: flex; - align-items: center; - justify-content: center; - height: 500px; -} -.txt { - color: #ffffff; - background:#000000; - font-size:50px; - font-weight: bold; - font-family: Arial; - text-transform: uppercase; - margin-top: 200px; -} -.txt::before { - content: 'CSS Animations by Jamison Cote'; - position: absolute; - mix-blend-mode: difference; - filter: blur(3px); - font-size: 50px; - margin-top: 200px; - -} -.neon-wrapper { - position: absolute; - transform: translate(-50%, -50%); - display: inline-flex; - filter: brightness(300%); - overflow: hidden; -} -.gradient{ - background: linear-gradient(114.5793141156962deg, rgba(6, 227, 250,1) 4.927083333333334%,rgba(229, 151, 64,1) 97.84374999999999%); - position: absolute; - top: 0; - left:0; - width: 100%; - height:100%; - mix-blend-mode: multiply; -} -.dodge { - background: radial-gradient(circle,white,black 35%) center / 25% 25%; - position: absolute; - top:-100%; - left:-100%; - right:0; - bottom:0; - mix-blend-mode: color-dodge; - animation: dodge-area 3s linear infinite; -} -@keyframes dodge-area { - to { - transform: translate(50%,50%); - } -} -.section1 { - background-color: darkred; -} - /* text animation */ -#container { - color:#999; - text-transform: uppercase; - font-size:36px; - font-weight:bold; - display:block; - margin: auto; - width: 300px; -} - -#flip { - height: 60px; - overflow:hidden; -} - -#flip > div > div { - color:#fff; - padding:4px 12px; - height: 45px; - margin-bottom:45px; - display:inline-block; -} - -#flip div:first-child { - animation: show 5s linear infinite; -} - -#flip div div { - background:#000099; -} -#flip div:first-child div { - background:#42c58a; -} -#flip div:last-child div { - background:#DC143C; -} - -@keyframes show { - 0% {margin-top:-270px;} - 5% {margin-top:-180px;} - 33% {margin-top:-180px;} - 38% {margin-top:-90px;} - 66% {margin-top:-90px;} - 71% {margin-top:0px;} - 99.99% {margin-top:0px;} - 100% {margin-top:-270px;} -} - -p { - position:fixed; - width:100%; - bottom:30px; - font-size:12px; - color:#999; - margin-top:200px; -} -.section2 { - background-color: black; -} -/* flame animation */ -.red { - width: 80px; - height: 80px; - background: orangered; - box-shadow: 0px 0px 10px 5px orangered; -} -.orange { - left:10px; - width: 60px; - height: 60px; - background: orange; - box-shadow: 0px 0px 12px 6px orange; -} -.gold { - left:18px; - width: 45px; - height: 45px; - background: gold; - box-shadow: 0px 0px 9px 4px gold; -} -.white { - left:22px; - width: 35px; - height: 35px; - background: lightyellow; - box-shadow: 0px 0px 9px 4px lightyellow; -} -.blue { - left:32px; - width: 15px; - height: 15px; - background: darkblue; - box-shadow: 0px 0px 15px 10px darkblue; -} -.black { - left:20px; - width: 40px; - height: 40px; - bottom:-50px; - background: black; - box-shadow: 0px 0px 15px 10px black; -} -.base { - border-radius: 50%; - position: absolute; -} -.flame-wrapper { - position: absolute; - animation: flicker 3ms ease-in infinite; - top: 110%; - left: 50%; -} -.flame { - bottom: 0; - position: absolute; - border-radius: 50% 0% 50% 50%; - transform: rotate(-45deg); -} -@keyframes flicker { - 0% {transform: rotate(-1deg);} - 20% {transform: rotate(2deg) scaleY(1.05);} - 40% {transform: rotate(-1deg);} - 60% {transform: rotate(1deg);} - 80% {transform: rotate(-1deg) scaleY(0.90);} - 100% {transform: rotate(1deg);} -} + 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; + } /* diff --git a/css/marissa-mayer.css b/css/marissa-mayer.css index 7a35cc0..f461e5c 100644 --- a/css/marissa-mayer.css +++ b/css/marissa-mayer.css @@ -121,23 +121,8 @@ text-decoration:underline; } - #products { - margin-right:8px; - margin-left:8px; - } - - #bell { - margin-right:10px; - margin-left:8px; - } - - #share { - margin-right:10px; - margin-left:10px; - } - #marissa { - border-radius:80%; + border-radius:100%; width: 80px; } @@ -147,7 +132,9 @@ text-align:center; padding-top: 14%; } - + #googlesquare { + width: 20px; + } div img { width: 270px; height: 95px; @@ -169,7 +156,6 @@ background-position:548px 4px; background-size:14px 19px; } - .button { border: 1px solid #d3d3d3; background: #f3f3f3; diff --git a/css/mayer-google.css b/css/mayer-google.css new file mode 100644 index 0000000..146d16e --- /dev/null +++ b/css/mayer-google.css @@ -0,0 +1,353 @@ +/*! 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; + } + .grid { + display: grid; + + grid-template-areas: + "header header header" + "nav content side" + "footer footer footer"; + + grid-template-columns: 200px 1fr 200px; + grid-template-rows: auto 1fr auto; + grid-gap: 10px; + + height: 100vh; + } + header { + grid-area: header; + background-color: black; + } + + nav { + grid-area: nav; + margin-left: 0.5rem; + background-color: #4285f4; + } + h1 { + color: white; + font-size: 50px; + margin: auto; + } + + main { + grid-area: content; + background-color: white; + padding: 5%; + } + + aside { + grid-area: side; + margin-right: 0.5rem; + background-color: #4285f4; + } + + footer { + grid-area: footer; + background-color: black; + padding: 5%; + } + p { + color: black; + } + a { + color: white; + margin: 2% auto; + } + a:hover { + color: red; + } + @media (max-width: 768px) { + .grid { + grid-template-areas: + "header" + "nav" + "content" + "side" + "footer"; + + grid-template-columns: 1fr; + grid-template-rows: + auto /* Header */ + minmax(75px, auto) /* Nav */ + 1fr /* Content */ + minmax(75px, auto) /* Sidebar */ + auto; /* Footer */ + } + + nav, aside { + margin: 0; + } + } + header { + grid-area: header; + + display: flex; + justify-content: space-between; + align-items: center; + } + + /* ========================================================================== + 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/img/google square menu.PNG b/img/google square menu.PNG new file mode 100644 index 0000000..6a21014 Binary files /dev/null and b/img/google square menu.PNG differ diff --git a/img/marissa mayer.png b/img/marissa mayer.png new file mode 100644 index 0000000..ae922b8 Binary files /dev/null and b/img/marissa mayer.png differ diff --git a/img/marissa-mayer-google.jpg b/img/marissa-mayer-google.jpg new file mode 100644 index 0000000..6dc7508 Binary files /dev/null and b/img/marissa-mayer-google.jpg differ diff --git a/img/marissa-mayer-hope.PNG b/img/marissa-mayer-hope.PNG new file mode 100644 index 0000000..79cc676 Binary files /dev/null and b/img/marissa-mayer-hope.PNG differ diff --git a/img/marissa-mayer-yahoo.jfif b/img/marissa-mayer-yahoo.jfif new file mode 100644 index 0000000..5163c9b Binary files /dev/null and b/img/marissa-mayer-yahoo.jfif differ diff --git a/marissa-mayer.html b/marissa-mayer.html index 41f78a4..46b8576 100644 --- a/marissa-mayer.html +++ b/marissa-mayer.html @@ -28,19 +28,25 @@
- About - Store - Gmail - Images - + About + Store + Gmail + Images + +
- +

-
- - -
+
+ +
+ +
+
+ +
+