約 2,745,506 件
https://w.atwiki.jp/nicepaper/pages/322.html
スマートフォン向けの記事を書いていきます。レスポンシブデザインにおいて、viewpointを書かないと、iPhone6の場合、横幅が1080なので、1080で記述すると、PCサイトのように表示され文字が小さくなってしまう。 viewpointを指定することで、それが拡大されて見やすくなる。これがviewpointの設定です。今回はこのことについて記述していきたいと思います。11月30日記事 目次 HTML5リファレンス 色々と調べてみる 結論 コード HTML5リファレンス HTML5リファレンスには meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" と書かれている。 meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" このような設定の場合、横はデバイスの幅に合わせ(iPhone4や5の場合は320px、iPhone6の場合は375px)、初期値のズーム倍率は1で、ピンチしたときの拡大や縮小を禁止するminimum-scale=1とmaximum-scale=1で、ズームの操作をお互い1倍にし、禁止するということだ。 最後はあってもなくても1なのだから同じ。おそらくほとんどのスマートフォンサイトがこのように記述してある。 色々と調べてみる http //blog.ousaan.com/index.cgi/links/20130925.html によると3つでいいらしい。 meta viewpointを書かないか 幅をピクセル数でするか meta name="viewport" content="width=320" リキッドレイアウトで変えていく場合も対応できるようにする。 meta name="viewport" content="initial-scale=1.0" の三つだとし、 minimum-scaleやmaximum-scaleは書かないほうが拡大縮小できるので、いざというときにユーザビリティがあがるという。 でもトータル的なことを言えば、 meta name="viewport" content="width=device-width, initial-scale=1.0" でいけるという。 結論 拡大縮小したいなら meta name="viewport" content="width=320" か meta name="viewport" content="initial-scale=1.0" 現在の仕様とグローバルスタンダードを目指すなら meta name="viewport" content="width=device-width, initial-scale=1.0" 日本人の開発者と日本のスマートフォンにまかれたいというのなら meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" コード 以下にコードを書いておきます。色々なviewpointを書いておきました。コメントアウトを外して挙動を確認してみてください。 HTML部 !DOCTYPE HTML html head meta charset="utf-8" link rel="stylesheet" type="text/css" href="reset.css" link rel="stylesheet" type="text/css" href="style.css" !-- meta name="viewport" content="initial-scale=1.0" -- !-- meta name="viewport" content="width=320" -- !-- meta name="viewport" content="width=device-width" -- !-- meta name="viewport" content="width=device-width, initial-scale=1.0" -- !-- meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" -- !-- meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" -- title viewpointテスト /title /head body div id="wrapper" p 160px /p /div /body /html CSS部 reset.cssはどこからかとってきてください。 style.cssは以下 @charset "utf-8"; /* CSS Document */ #wrapper{ width 160px;/*本当は100%とか書くがあえて記述*/ height 500px; background #FFC; } 以上
https://w.atwiki.jp/mathphysicschemistry/pages/163.html
/*! * animate.css - https //animate.style/ * Version - 4.1.1 * Licensed under the Hippocratic License 2.1 - http //firstdonoharm.dev * * Copyright (c) 2022 Animate.css */ root{--animate-duration 1s;--animate-delay 1s;--animate-repeat 1}.animate__animated{-webkit-animation-duration 1s;animation-duration 1s;-webkit-animation-duration var(--animate-duration);animation-duration var(--animate-duration);-webkit-animation-fill-mode both;animation-fill-mode both}.animate__animated.animate__infinite{-webkit-animation-iteration-count infinite;animation-iteration-count infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count 1;animation-iteration-count 1;-webkit-animation-iteration-count var(--animate-repeat);animation-iteration-count var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count 2;animation-iteration-count 2;-webkit-animation-iteration-count calc(var(--animate-repeat)*2);animation-iteration-count calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count 3;animation-iteration-count 3;-webkit-animation-iteration-count calc(var(--animate-repeat)*3);animation-iteration-count calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay 1s;animation-delay 1s;-webkit-animation-delay var(--animate-delay);animation-delay var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay 2s;animation-delay 2s;-webkit-animation-delay calc(var(--animate-delay)*2);animation-delay calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay 3s;animation-delay 3s;-webkit-animation-delay calc(var(--animate-delay)*3);animation-delay calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay 4s;animation-delay 4s;-webkit-animation-delay calc(var(--animate-delay)*4);animation-delay calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay 5s;animation-delay 5s;-webkit-animation-delay calc(var(--animate-delay)*5);animation-delay calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration .5s;animation-duration .5s;-webkit-animation-duration calc(var(--animate-duration)/2);animation-duration calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration .8s;animation-duration .8s;-webkit-animation-duration calc(var(--animate-duration)*.8);animation-duration calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{-webkit-animation-duration 2s;animation-duration 2s;-webkit-animation-duration calc(var(--animate-duration)*2);animation-duration calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration 3s;animation-duration 3s;-webkit-animation-duration calc(var(--animate-duration)*3);animation-duration calc(var(--animate-duration)*3)}@media (prefers-reduced-motion reduce),print{.animate__animated{-webkit-animation-duration 1ms!important;animation-duration 1ms!important;-webkit-animation-iteration-count 1!important;animation-iteration-count 1!important;-webkit-transition-duration 1ms!important;transition-duration 1ms!important}.animate__animated[class*=Out]{opacity 0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function cubic-bezier(.215,.61,.355,1);animation-timing-function cubic-bezier(.215,.61,.355,1);-webkit-transform translateZ(0);transform translateZ(0)}40%,43%{-webkit-animation-timing-function cubic-bezier(.755,.05,.855,.06);animation-timing-function cubic-bezier(.755,.05,.855,.06);-webkit-transform translate3d(0,-30px,0) scaleY(1.1);transform translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function cubic-bezier(.755,.05,.855,.06);animation-timing-function cubic-bezier(.755,.05,.855,.06);-webkit-transform translate3d(0,-15px,0) scaleY(1.05);transform translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform translateZ(0) scaleY(.95);transform translateZ(0) scaleY(.95);-webkit-transition-timing-function cubic-bezier(.215,.61,.355,1);transition-timing-function cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform translate3d(0,-4px,0) scaleY(1.02);transform translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function cubic-bezier(.215,.61,.355,1);animation-timing-function cubic-bezier(.215,.61,.355,1);-webkit-transform translateZ(0);transform translateZ(0)}40%,43%{-webkit-animation-timing-function cubic-bezier(.755,.05,.855,.06);animation-timing-function cubic-bezier(.755,.05,.855,.06);-webkit-transform translate3d(0,-30px,0) scaleY(1.1);transform translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function cubic-bezier(.755,.05,.855,.06);animation-timing-function cubic-bezier(.755,.05,.855,.06);-webkit-transform translate3d(0,-15px,0) scaleY(1.05);transform translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform translateZ(0) scaleY(.95);transform translateZ(0) scaleY(.95);-webkit-transition-timing-function cubic-bezier(.215,.61,.355,1);transition-timing-function cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform translate3d(0,-4px,0) scaleY(1.02);transform translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name bounce;animation-name bounce;-webkit-transform-origin center bottom;transform-origin center bottom}@-webkit-keyframes flash{0%,50%,to{opacity 1}25%,75%{opacity 0}}@keyframes flash{0%,50%,to{opacity 1}25%,75%{opacity 0}}.animate__flash{-webkit-animation-name flash;animation-name flash}@-webkit-keyframes pulse{0%{-webkit-transform scaleX(1);transform scaleX(1)}50%{-webkit-transform scale3d(1.05,1.05,1.05);transform scale3d(1.05,1.05,1.05)}to{-webkit-transform scaleX(1);transform scaleX(1)}}@keyframes pulse{0%{-webkit-transform scaleX(1);transform scaleX(1)}50%{-webkit-transform scale3d(1.05,1.05,1.05);transform scale3d(1.05,1.05,1.05)}to{-webkit-transform scaleX(1);transform scaleX(1)}}.animate__pulse{-webkit-animation-name pulse;animation-name pulse;-webkit-animation-timing-function ease-in-out;animation-timing-function ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform scaleX(1);transform scaleX(1)}30%{-webkit-transform scale3d(1.25,.75,1);transform scale3d(1.25,.75,1)}40%{-webkit-transform scale3d(.75,1.25,1);transform scale3d(.75,1.25,1)}50%{-webkit-transform scale3d(1.15,.85,1);transform scale3d(1.15,.85,1)}65%{-webkit-transform scale3d(.95,1.05,1);transform scale3d(.95,1.05,1)}75%{-webkit-transform scale3d(1.05,.95,1);transform scale3d(1.05,.95,1)}to{-webkit-transform scaleX(1);transform scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform scaleX(1);transform scaleX(1)}30%{-webkit-transform scale3d(1.25,.75,1);transform scale3d(1.25,.75,1)}40%{-webkit-transform scale3d(.75,1.25,1);transform scale3d(.75,1.25,1)}50%{-webkit-transform scale3d(1.15,.85,1);transform scale3d(1.15,.85,1)}65%{-webkit-transform scale3d(.95,1.05,1);transform scale3d(.95,1.05,1)}75%{-webkit-transform scale3d(1.05,.95,1);transform scale3d(1.05,.95,1)}to{-webkit-transform scaleX(1);transform scaleX(1)}}.animate__rubberBand{-webkit-animation-name rubberBand;animation-name rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform translateZ(0);transform translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform translate3d(-10px,0,0);transform translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform translate3d(10px,0,0);transform translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform translateZ(0);transform translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform translate3d(-10px,0,0);transform translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform translate3d(10px,0,0);transform translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name shakeX;animation-name shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform translateZ(0);transform translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform translate3d(0,-10px,0);transform translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform translate3d(0,10px,0);transform translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform translateZ(0);transform translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform translate3d(0,-10px,0);transform translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform translate3d(0,10px,0);transform translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name shakeY;animation-name shakeY}@-webkit-keyframes headShake{0%{-webkit-transform translateX(0);transform translateX(0)}6.5%{-webkit-transform translateX(-6px) rotateY(-9deg);transform translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform translateX(5px) rotateY(7deg);transform translateX(5px) rotateY(7deg)}31.5%{-webkit-transform translateX(-3px) rotateY(-5deg);transform translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform translateX(2px) rotateY(3deg);transform translateX(2px) rotateY(3deg)}50%{-webkit-transform translateX(0);transform translateX(0)}}@keyframes headShake{0%{-webkit-transform translateX(0);transform translateX(0)}6.5%{-webkit-transform translateX(-6px) rotateY(-9deg);transform translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform translateX(5px) rotateY(7deg);transform translateX(5px) rotateY(7deg)}31.5%{-webkit-transform translateX(-3px) rotateY(-5deg);transform translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform translateX(2px) rotateY(3deg);transform translateX(2px) rotateY(3deg)}50%{-webkit-transform translateX(0);transform translateX(0)}}.animate__headShake{-webkit-animation-name headShake;animation-name headShake;-webkit-animation-timing-function ease-in-out;animation-timing-function ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform rotate(15deg);transform rotate(15deg)}40%{-webkit-transform rotate(-10deg);transform rotate(-10deg)}60%{-webkit-transform rotate(5deg);transform rotate(5deg)}80%{-webkit-transform rotate(-5deg);transform rotate(-5deg)}to{-webkit-transform rotate(0deg);transform rotate(0deg)}}@keyframes swing{20%{-webkit-transform rotate(15deg);transform rotate(15deg)}40%{-webkit-transform rotate(-10deg);transform rotate(-10deg)}60%{-webkit-transform rotate(5deg);transform rotate(5deg)}80%{-webkit-transform rotate(-5deg);transform rotate(-5deg)}to{-webkit-transform rotate(0deg);transform rotate(0deg)}}.animate__swing{-webkit-animation-name swing;animation-name swing;-webkit-transform-origin top center;transform-origin top center}@-webkit-keyframes tada{0%{-webkit-transform scaleX(1);transform scaleX(1)}10%,20%{-webkit-transform scale3d(.9,.9,.9) rotate(-3deg);transform scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform scale3d(1.1,1.1,1.1) rotate(3deg);transform scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform scale3d(1.1,1.1,1.1) rotate(-3deg);transform scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform scaleX(1);transform scaleX(1)}}@keyframes tada{0%{-webkit-transform scaleX(1);transform scaleX(1)}10%,20%{-webkit-transform scale3d(.9,.9,.9) rotate(-3deg);transform scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform scale3d(1.1,1.1,1.1) rotate(3deg);transform scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform scale3d(1.1,1.1,1.1) rotate(-3deg);transform scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform scaleX(1);transform scaleX(1)}}.animate__tada{-webkit-animation-name tada;animation-name tada}@-webkit-keyframes wobble{0%{-webkit-transform translateZ(0);transform translateZ(0)}15%{-webkit-transform translate3d(-25%,0,0) rotate(-5deg);transform translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform translate3d(20%,0,0) rotate(3deg);transform translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform translate3d(-15%,0,0) rotate(-3deg);transform translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform translate3d(10%,0,0) rotate(2deg);transform translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform translate3d(-5%,0,0) rotate(-1deg);transform translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes wobble{0%{-webkit-transform translateZ(0);transform translateZ(0)}15%{-webkit-transform translate3d(-25%,0,0) rotate(-5deg);transform translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform translate3d(20%,0,0) rotate(3deg);transform translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform translate3d(-15%,0,0) rotate(-3deg);transform translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform translate3d(10%,0,0) rotate(2deg);transform translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform translate3d(-5%,0,0) rotate(-1deg);transform translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform translateZ(0);transform translateZ(0)}}.animate__wobble{-webkit-animation-name wobble;animation-name wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform translateZ(0);transform translateZ(0)}22.2%{-webkit-transform skewX(-12.5deg) skewY(-12.5deg);transform skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform skewX(6.25deg) skewY(6.25deg);transform skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform skewX(-3.125deg) skewY(-3.125deg);transform skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform skewX(1.5625deg) skewY(1.5625deg);transform skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform skewX(-.78125deg) skewY(-.78125deg);transform skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform skewX(.390625deg) skewY(.390625deg);transform skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform skewX(-.1953125deg) skewY(-.1953125deg);transform skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform translateZ(0);transform translateZ(0)}22.2%{-webkit-transform skewX(-12.5deg) skewY(-12.5deg);transform skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform skewX(6.25deg) skewY(6.25deg);transform skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform skewX(-3.125deg) skewY(-3.125deg);transform skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform skewX(1.5625deg) skewY(1.5625deg);transform skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform skewX(-.78125deg) skewY(-.78125deg);transform skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform skewX(.390625deg) skewY(.390625deg);transform skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform skewX(-.1953125deg) skewY(-.1953125deg);transform skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name jello;animation-name jello;-webkit-transform-origin center;transform-origin center}@-webkit-keyframes heartBeat{0%{-webkit-transform scale(1);transform scale(1)}14%{-webkit-transform scale(1.3);transform scale(1.3)}28%{-webkit-transform scale(1);transform scale(1)}42%{-webkit-transform scale(1.3);transform scale(1.3)}70%{-webkit-transform scale(1);transform scale(1)}}@keyframes heartBeat{0%{-webkit-transform scale(1);transform scale(1)}14%{-webkit-transform scale(1.3);transform scale(1.3)}28%{-webkit-transform scale(1);transform scale(1)}42%{-webkit-transform scale(1.3);transform scale(1.3)}70%{-webkit-transform scale(1);transform scale(1)}}.animate__heartBeat{-webkit-animation-duration 1.3s;animation-duration 1.3s;-webkit-animation-duration calc(var(--animate-duration)*1.3);animation-duration calc(var(--animate-duration)*1.3);-webkit-animation-name heartBeat;animation-name heartBeat;-webkit-animation-timing-function ease-in-out;animation-timing-function ease-in-out}@-webkit-keyframes backInDown{0%{opacity .7;-webkit-transform translateY(-1200px) scale(.7);transform translateY(-1200px) scale(.7)}80%{opacity .7;-webkit-transform translateY(0) scale(.7);transform translateY(0) scale(.7)}to{opacity 1;-webkit-transform scale(1);transform scale(1)}}@keyframes backInDown{0%{opacity .7;-webkit-transform translateY(-1200px) scale(.7);transform translateY(-1200px) scale(.7)}80%{opacity .7;-webkit-transform translateY(0) scale(.7);transform translateY(0) scale(.7)}to{opacity 1;-webkit-transform scale(1);transform scale(1)}}.animate__backInDown{-webkit-animation-name backInDown;animation-name backInDown}@-webkit-keyframes backInLeft{0%{opacity .7;-webkit-transform translateX(-2000px) scale(.7);transform translateX(-2000px) scale(.7)}80%{opacity .7;-webkit-transform translateX(0) scale(.7);transform translateX(0) scale(.7)}to{opacity 1;-webkit-transform scale(1);transform scale(1)}}@keyframes backInLeft{0%{opacity .7;-webkit-transform translateX(-2000px) scale(.7);transform translateX(-2000px) scale(.7)}80%{opacity .7;-webkit-transform translateX(0) scale(.7);transform translateX(0) scale(.7)}to{opacity 1;-webkit-transform scale(1);transform scale(1)}}.animate__backInLeft{-webkit-animation-name backInLeft;animation-name backInLeft}@-webkit-keyframes backInRight{0%{opacity .7;-webkit-transform translateX(2000px) scale(.7);transform translateX(2000px) scale(.7)}80%{opacity .7;-webkit-transform translateX(0) scale(.7);transform translateX(0) scale(.7)}to{opacity 1;-webkit-transform scale(1);transform scale(1)}}@keyframes backInRight{0%{opacity .7;-webkit-transform translateX(2000px) scale(.7);transform translateX(2000px) scale(.7)}80%{opacity .7;-webkit-transform translateX(0) scale(.7);transform translateX(0) scale(.7)}to{opacity 1;-webkit-transform scale(1);transform scale(1)}}.animate__backInRight{-webkit-animation-name backInRight;animation-name backInRight}@-webkit-keyframes backInUp{0%{opacity .7;-webkit-transform translateY(1200px) scale(.7);transform translateY(1200px) scale(.7)}80%{opacity .7;-webkit-transform translateY(0) scale(.7);transform translateY(0) scale(.7)}to{opacity 1;-webkit-transform scale(1);transform scale(1)}}@keyframes backInUp{0%{opacity .7;-webkit-transform translateY(1200px) scale(.7);transform translateY(1200px) scale(.7)}80%{opacity .7;-webkit-transform translateY(0) scale(.7);transform translateY(0) scale(.7)}to{opacity 1;-webkit-transform scale(1);transform scale(1)}}.animate__backInUp{-webkit-animation-name backInUp;animation-name backInUp}@-webkit-keyframes backOutDown{0%{opacity 1;-webkit-transform scale(1);transform scale(1)}20%{opacity .7;-webkit-transform translateY(0) scale(.7);transform translateY(0) scale(.7)}to{opacity .7;-webkit-transform translateY(700px) scale(.7);transform translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity 1;-webkit-transform scale(1);transform scale(1)}20%{opacity .7;-webkit-transform translateY(0) scale(.7);transform translateY(0) scale(.7)}to{opacity .7;-webkit-transform translateY(700px) scale(.7);transform translateY(700px) scale(.7)}}.animate__backOutDown{-webkit-animation-name backOutDown;animation-name backOutDown}@-webkit-keyframes backOutLeft{0%{opacity 1;-webkit-transform scale(1);transform scale(1)}20%{opacity .7;-webkit-transform translateX(0) scale(.7);transform translateX(0) scale(.7)}to{opacity .7;-webkit-transform translateX(-2000px) scale(.7);transform translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity 1;-webkit-transform scale(1);transform scale(1)}20%{opacity .7;-webkit-transform translateX(0) scale(.7);transform translateX(0) scale(.7)}to{opacity .7;-webkit-transform translateX(-2000px) scale(.7);transform translateX(-2000px) scale(.7)}}.animate__backOutLeft{-webkit-animation-name backOutLeft;animation-name backOutLeft}@-webkit-keyframes backOutRight{0%{opacity 1;-webkit-transform scale(1);transform scale(1)}20%{opacity .7;-webkit-transform translateX(0) scale(.7);transform translateX(0) scale(.7)}to{opacity .7;-webkit-transform translateX(2000px) scale(.7);transform translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity 1;-webkit-transform scale(1);transform scale(1)}20%{opacity .7;-webkit-transform translateX(0) scale(.7);transform translateX(0) scale(.7)}to{opacity .7;-webkit-transform translateX(2000px) scale(.7);transform translateX(2000px) scale(.7)}}.animate__backOutRight{-webkit-animation-name backOutRight;animation-name backOutRight}@-webkit-keyframes backOutUp{0%{opacity 1;-webkit-transform scale(1);transform scale(1)}20%{opacity .7;-webkit-transform translateY(0) scale(.7);transform translateY(0) scale(.7)}to{opacity .7;-webkit-transform translateY(-700px) scale(.7);transform translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity 1;-webkit-transform scale(1);transform scale(1)}20%{opacity .7;-webkit-transform translateY(0) scale(.7);transform translateY(0) scale(.7)}to{opacity .7;-webkit-transform translateY(-700px) scale(.7);transform translateY(-700px) scale(.7)}}.animate__backOutUp{-webkit-animation-name backOutUp;animation-name backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function cubic-bezier(.215,.61,.355,1);animation-timing-function cubic-bezier(.215,.61,.355,1)}0%{opacity 0;-webkit-transform scale3d(.3,.3,.3);transform scale3d(.3,.3,.3)}20%{-webkit-transform scale3d(1.1,1.1,1.1);transform scale3d(1.1,1.1,1.1)}40%{-webkit-transform scale3d(.9,.9,.9);transform scale3d(.9,.9,.9)}60%{opacity 1;-webkit-transform scale3d(1.03,1.03,1.03);transform scale3d(1.03,1.03,1.03)}80%{-webkit-transform scale3d(.97,.97,.97);transform scale3d(.97,.97,.97)}to{opacity 1;-webkit-transform scaleX(1);transform scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function cubic-bezier(.215,.61,.355,1);animation-timing-function cubic-bezier(.215,.61,.355,1)}0%{opacity 0;-webkit-transform scale3d(.3,.3,.3);transform scale3d(.3,.3,.3)}20%{-webkit-transform scale3d(1.1,1.1,1.1);transform scale3d(1.1,1.1,1.1)}40%{-webkit-transform scale3d(.9,.9,.9);transform scale3d(.9,.9,.9)}60%{opacity 1;-webkit-transform scale3d(1.03,1.03,1.03);transform scale3d(1.03,1.03,1.03)}80%{-webkit-transform scale3d(.97,.97,.97);transform scale3d(.97,.97,.97)}to{opacity 1;-webkit-transform scaleX(1);transform scaleX(1)}}.animate__bounceIn{-webkit-animation-duration .75s;animation-duration .75s;-webkit-animation-duration calc(var(--animate-duration)*.75);animation-duration calc(var(--animate-duration)*.75);-webkit-animation-name bounceIn;animation-name bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function cubic-bezier(.215,.61,.355,1);animation-timing-function cubic-bezier(.215,.61,.355,1)}0%{opacity 0;-webkit-transform translate3d(0,-3000px,0) scaleY(3);transform translate3d(0,-3000px,0) scaleY(3)}60%{opacity 1;-webkit-transform translate3d(0,25px,0) scaleY(.9);transform translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform translate3d(0,-10px,0) scaleY(.95);transform translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform translate3d(0,5px,0) scaleY(.985);transform translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function cubic-bezier(.215,.61,.355,1);animation-timing-function cubic-bezier(.215,.61,.355,1)}0%{opacity 0;-webkit-transform translate3d(0,-3000px,0) scaleY(3);transform translate3d(0,-3000px,0) scaleY(3)}60%{opacity 1;-webkit-transform translate3d(0,25px,0) scaleY(.9);transform translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform translate3d(0,-10px,0) scaleY(.95);transform translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform translate3d(0,5px,0) scaleY(.985);transform translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform translateZ(0);transform translateZ(0)}}.animate__bounceInDown{-webkit-animation-name bounceInDown;animation-name bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function cubic-bezier(.215,.61,.355,1);animation-timing-function cubic-bezier(.215,.61,.355,1)}0%{opacity 0;-webkit-transform translate3d(-3000px,0,0) scaleX(3);transform translate3d(-3000px,0,0) scaleX(3)}60%{opacity 1;-webkit-transform translate3d(25px,0,0) scaleX(1);transform translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform translate3d(-10px,0,0) scaleX(.98);transform translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform translate3d(5px,0,0) scaleX(.995);transform translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function cubic-bezier(.215,.61,.355,1);animation-timing-function cubic-bezier(.215,.61,.355,1)}0%{opacity 0;-webkit-transform translate3d(-3000px,0,0) scaleX(3);transform translate3d(-3000px,0,0) scaleX(3)}60%{opacity 1;-webkit-transform translate3d(25px,0,0) scaleX(1);transform translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform translate3d(-10px,0,0) scaleX(.98);transform translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform translate3d(5px,0,0) scaleX(.995);transform translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform translateZ(0);transform translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name bounceInLeft;animation-name bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function cubic-bezier(.215,.61,.355,1);animation-timing-function cubic-bezier(.215,.61,.355,1)}0%{opacity 0;-webkit-transform translate3d(3000px,0,0) scaleX(3);transform translate3d(3000px,0,0) scaleX(3)}60%{opacity 1;-webkit-transform translate3d(-25px,0,0) scaleX(1);transform translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform translate3d(10px,0,0) scaleX(.98);transform translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform translate3d(-5px,0,0) scaleX(.995);transform translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function cubic-bezier(.215,.61,.355,1);animation-timing-function cubic-bezier(.215,.61,.355,1)}0%{opacity 0;-webkit-transform translate3d(3000px,0,0) scaleX(3);transform translate3d(3000px,0,0) scaleX(3)}60%{opacity 1;-webkit-transform translate3d(-25px,0,0) scaleX(1);transform translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform translate3d(10px,0,0) scaleX(.98);transform translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform translate3d(-5px,0,0) scaleX(.995);transform translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform translateZ(0);transform translateZ(0)}}.animate__bounceInRight{-webkit-animation-name bounceInRight;animation-name bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function cubic-bezier(.215,.61,.355,1);animation-timing-function cubic-bezier(.215,.61,.355,1)}0%{opacity 0;-webkit-transform translate3d(0,3000px,0) scaleY(5);transform translate3d(0,3000px,0) scaleY(5)}60%{opacity 1;-webkit-transform translate3d(0,-20px,0) scaleY(.9);transform translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform translate3d(0,10px,0) scaleY(.95);transform translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform translate3d(0,-5px,0) scaleY(.985);transform translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function cubic-bezier(.215,.61,.355,1);animation-timing-function cubic-bezier(.215,.61,.355,1)}0%{opacity 0;-webkit-transform translate3d(0,3000px,0) scaleY(5);transform translate3d(0,3000px,0) scaleY(5)}60%{opacity 1;-webkit-transform translate3d(0,-20px,0) scaleY(.9);transform translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform translate3d(0,10px,0) scaleY(.95);transform translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform translate3d(0,-5px,0) scaleY(.985);transform translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform translateZ(0);transform translateZ(0)}}.animate__bounceInUp{-webkit-animation-name bounceInUp;animation-name bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform scale3d(.9,.9,.9);transform scale3d(.9,.9,.9)}50%,55%{opacity 1;-webkit-transform scale3d(1.1,1.1,1.1);transform scale3d(1.1,1.1,1.1)}to{opacity 0;-webkit-transform scale3d(.3,.3,.3);transform scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform scale3d(.9,.9,.9);transform scale3d(.9,.9,.9)}50%,55%{opacity 1;-webkit-transform scale3d(1.1,1.1,1.1);transform scale3d(1.1,1.1,1.1)}to{opacity 0;-webkit-transform scale3d(.3,.3,.3);transform scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration .75s;animation-duration .75s;-webkit-animation-duration calc(var(--animate-duration)*.75);animation-duration calc(var(--animate-duration)*.75);-webkit-animation-name bounceOut;animation-name bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform translate3d(0,10px,0) scaleY(.985);transform translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity 1;-webkit-transform translate3d(0,-20px,0) scaleY(.9);transform translate3d(0,-20px,0) scaleY(.9)}to{opacity 0;-webkit-transform translate3d(0,2000px,0) scaleY(3);transform translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform translate3d(0,10px,0) scaleY(.985);transform translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity 1;-webkit-transform translate3d(0,-20px,0) scaleY(.9);transform translate3d(0,-20px,0) scaleY(.9)}to{opacity 0;-webkit-transform translate3d(0,2000px,0) scaleY(3);transform translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name bounceOutDown;animation-name bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity 1;-webkit-transform translate3d(20px,0,0) scaleX(.9);transform translate3d(20px,0,0) scaleX(.9)}to{opacity 0;-webkit-transform translate3d(-2000px,0,0) scaleX(2);transform translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity 1;-webkit-transform translate3d(20px,0,0) scaleX(.9);transform translate3d(20px,0,0) scaleX(.9)}to{opacity 0;-webkit-transform translate3d(-2000px,0,0) scaleX(2);transform translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name bounceOutLeft;animation-name bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity 1;-webkit-transform translate3d(-20px,0,0) scaleX(.9);transform translate3d(-20px,0,0) scaleX(.9)}to{opacity 0;-webkit-transform translate3d(2000px,0,0) scaleX(2);transform translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity 1;-webkit-transform translate3d(-20px,0,0) scaleX(.9);transform translate3d(-20px,0,0) scaleX(.9)}to{opacity 0;-webkit-transform translate3d(2000px,0,0) scaleX(2);transform translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name bounceOutRight;animation-name bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform translate3d(0,-10px,0) scaleY(.985);transform translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity 1;-webkit-transform translate3d(0,20px,0) scaleY(.9);transform translate3d(0,20px,0) scaleY(.9)}to{opacity 0;-webkit-transform translate3d(0,-2000px,0) scaleY(3);transform translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform translate3d(0,-10px,0) scaleY(.985);transform translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity 1;-webkit-transform translate3d(0,20px,0) scaleY(.9);transform translate3d(0,20px,0) scaleY(.9)}to{opacity 0;-webkit-transform translate3d(0,-2000px,0) scaleY(3);transform translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name bounceOutUp;animation-name bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity 0}to{opacity 1}}@keyframes fadeIn{0%{opacity 0}to{opacity 1}}.animate__fadeIn{-webkit-animation-name fadeIn;animation-name fadeIn}@-webkit-keyframes fadeInDown{0%{opacity 0;-webkit-transform translate3d(0,-100%,0);transform translate3d(0,-100%,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes fadeInDown{0%{opacity 0;-webkit-transform translate3d(0,-100%,0);transform translate3d(0,-100%,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__fadeInDown{-webkit-animation-name fadeInDown;animation-name fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity 0;-webkit-transform translate3d(0,-2000px,0);transform translate3d(0,-2000px,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes fadeInDownBig{0%{opacity 0;-webkit-transform translate3d(0,-2000px,0);transform translate3d(0,-2000px,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name fadeInDownBig;animation-name fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity 0;-webkit-transform translate3d(-100%,0,0);transform translate3d(-100%,0,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes fadeInLeft{0%{opacity 0;-webkit-transform translate3d(-100%,0,0);transform translate3d(-100%,0,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name fadeInLeft;animation-name fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity 0;-webkit-transform translate3d(-2000px,0,0);transform translate3d(-2000px,0,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity 0;-webkit-transform translate3d(-2000px,0,0);transform translate3d(-2000px,0,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name fadeInLeftBig;animation-name fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity 0;-webkit-transform translate3d(100%,0,0);transform translate3d(100%,0,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes fadeInRight{0%{opacity 0;-webkit-transform translate3d(100%,0,0);transform translate3d(100%,0,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__fadeInRight{-webkit-animation-name fadeInRight;animation-name fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity 0;-webkit-transform translate3d(2000px,0,0);transform translate3d(2000px,0,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes fadeInRightBig{0%{opacity 0;-webkit-transform translate3d(2000px,0,0);transform translate3d(2000px,0,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name fadeInRightBig;animation-name fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity 0;-webkit-transform translate3d(0,100%,0);transform translate3d(0,100%,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes fadeInUp{0%{opacity 0;-webkit-transform translate3d(0,100%,0);transform translate3d(0,100%,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__fadeInUp{-webkit-animation-name fadeInUp;animation-name fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity 0;-webkit-transform translate3d(0,2000px,0);transform translate3d(0,2000px,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes fadeInUpBig{0%{opacity 0;-webkit-transform translate3d(0,2000px,0);transform translate3d(0,2000px,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name fadeInUpBig;animation-name fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity 0;-webkit-transform translate3d(-100%,-100%,0);transform translate3d(-100%,-100%,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity 0;-webkit-transform translate3d(-100%,-100%,0);transform translate3d(-100%,-100%,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name fadeInTopLeft;animation-name fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity 0;-webkit-transform translate3d(100%,-100%,0);transform translate3d(100%,-100%,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes fadeInTopRight{0%{opacity 0;-webkit-transform translate3d(100%,-100%,0);transform translate3d(100%,-100%,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name fadeInTopRight;animation-name fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity 0;-webkit-transform translate3d(-100%,100%,0);transform translate3d(-100%,100%,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity 0;-webkit-transform translate3d(-100%,100%,0);transform translate3d(-100%,100%,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name fadeInBottomLeft;animation-name fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity 0;-webkit-transform translate3d(100%,100%,0);transform translate3d(100%,100%,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity 0;-webkit-transform translate3d(100%,100%,0);transform translate3d(100%,100%,0)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name fadeInBottomRight;animation-name fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity 1}to{opacity 0}}@keyframes fadeOut{0%{opacity 1}to{opacity 0}}.animate__fadeOut{-webkit-animation-name fadeOut;animation-name fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(0,100%,0);transform translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(0,100%,0);transform translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name fadeOutDown;animation-name fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(0,2000px,0);transform translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(0,2000px,0);transform translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name fadeOutDownBig;animation-name fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(-100%,0,0);transform translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(-100%,0,0);transform translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name fadeOutLeft;animation-name fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(-2000px,0,0);transform translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(-2000px,0,0);transform translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name fadeOutLeftBig;animation-name fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(100%,0,0);transform translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(100%,0,0);transform translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name fadeOutRight;animation-name fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(2000px,0,0);transform translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(2000px,0,0);transform translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name fadeOutRightBig;animation-name fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(0,-100%,0);transform translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(0,-100%,0);transform translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name fadeOutUp;animation-name fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(0,-2000px,0);transform translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(0,-2000px,0);transform translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name fadeOutUpBig;animation-name fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}to{opacity 0;-webkit-transform translate3d(-100%,-100%,0);transform translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}to{opacity 0;-webkit-transform translate3d(-100%,-100%,0);transform translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name fadeOutTopLeft;animation-name fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}to{opacity 0;-webkit-transform translate3d(100%,-100%,0);transform translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}to{opacity 0;-webkit-transform translate3d(100%,-100%,0);transform translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name fadeOutTopRight;animation-name fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}to{opacity 0;-webkit-transform translate3d(100%,100%,0);transform translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}to{opacity 0;-webkit-transform translate3d(100%,100%,0);transform translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name fadeOutBottomRight;animation-name fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}to{opacity 0;-webkit-transform translate3d(-100%,100%,0);transform translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}to{opacity 0;-webkit-transform translate3d(-100%,100%,0);transform translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name fadeOutBottomLeft;animation-name fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-animation-timing-function ease-out;animation-timing-function ease-out;-webkit-transform perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function ease-out;animation-timing-function ease-out;-webkit-transform perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function ease-in;animation-timing-function ease-in;-webkit-transform perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function ease-in;animation-timing-function ease-in;-webkit-transform perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function ease-in;animation-timing-function ease-in;-webkit-transform perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function ease-out;animation-timing-function ease-out;-webkit-transform perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function ease-out;animation-timing-function ease-out;-webkit-transform perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function ease-in;animation-timing-function ease-in;-webkit-transform perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function ease-in;animation-timing-function ease-in;-webkit-transform perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function ease-in;animation-timing-function ease-in;-webkit-transform perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animate__animated.animate__flip{-webkit-animation-name flip;animation-name flip;-webkit-backface-visibility visible;backface-visibility visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function ease-in;animation-timing-function ease-in;opacity 0;-webkit-transform perspective(400px) rotateX(90deg);transform perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function ease-in;animation-timing-function ease-in;-webkit-transform perspective(400px) rotateX(-20deg);transform perspective(400px) rotateX(-20deg)}60%{opacity 1;-webkit-transform perspective(400px) rotateX(10deg);transform perspective(400px) rotateX(10deg)}80%{-webkit-transform perspective(400px) rotateX(-5deg);transform perspective(400px) rotateX(-5deg)}to{-webkit-transform perspective(400px);transform perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function ease-in;animation-timing-function ease-in;opacity 0;-webkit-transform perspective(400px) rotateX(90deg);transform perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function ease-in;animation-timing-function ease-in;-webkit-transform perspective(400px) rotateX(-20deg);transform perspective(400px) rotateX(-20deg)}60%{opacity 1;-webkit-transform perspective(400px) rotateX(10deg);transform perspective(400px) rotateX(10deg)}80%{-webkit-transform perspective(400px) rotateX(-5deg);transform perspective(400px) rotateX(-5deg)}to{-webkit-transform perspective(400px);transform perspective(400px)}}.animate__flipInX{-webkit-animation-name flipInX;animation-name flipInX;-webkit-backface-visibility visible!important;backface-visibility visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function ease-in;animation-timing-function ease-in;opacity 0;-webkit-transform perspective(400px) rotateY(90deg);transform perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function ease-in;animation-timing-function ease-in;-webkit-transform perspective(400px) rotateY(-20deg);transform perspective(400px) rotateY(-20deg)}60%{opacity 1;-webkit-transform perspective(400px) rotateY(10deg);transform perspective(400px) rotateY(10deg)}80%{-webkit-transform perspective(400px) rotateY(-5deg);transform perspective(400px) rotateY(-5deg)}to{-webkit-transform perspective(400px);transform perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function ease-in;animation-timing-function ease-in;opacity 0;-webkit-transform perspective(400px) rotateY(90deg);transform perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function ease-in;animation-timing-function ease-in;-webkit-transform perspective(400px) rotateY(-20deg);transform perspective(400px) rotateY(-20deg)}60%{opacity 1;-webkit-transform perspective(400px) rotateY(10deg);transform perspective(400px) rotateY(10deg)}80%{-webkit-transform perspective(400px) rotateY(-5deg);transform perspective(400px) rotateY(-5deg)}to{-webkit-transform perspective(400px);transform perspective(400px)}}.animate__flipInY{-webkit-animation-name flipInY;animation-name flipInY;-webkit-backface-visibility visible!important;backface-visibility visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform perspective(400px);transform perspective(400px)}30%{opacity 1;-webkit-transform perspective(400px) rotateX(-20deg);transform perspective(400px) rotateX(-20deg)}to{opacity 0;-webkit-transform perspective(400px) rotateX(90deg);transform perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform perspective(400px);transform perspective(400px)}30%{opacity 1;-webkit-transform perspective(400px) rotateX(-20deg);transform perspective(400px) rotateX(-20deg)}to{opacity 0;-webkit-transform perspective(400px) rotateX(90deg);transform perspective(400px) rotateX(90deg)}}.animate__flipOutX{-webkit-animation-duration .75s;animation-duration .75s;-webkit-animation-duration calc(var(--animate-duration)*.75);animation-duration calc(var(--animate-duration)*.75);-webkit-animation-name flipOutX;animation-name flipOutX;-webkit-backface-visibility visible!important;backface-visibility visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform perspective(400px);transform perspective(400px)}30%{opacity 1;-webkit-transform perspective(400px) rotateY(-15deg);transform perspective(400px) rotateY(-15deg)}to{opacity 0;-webkit-transform perspective(400px) rotateY(90deg);transform perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform perspective(400px);transform perspective(400px)}30%{opacity 1;-webkit-transform perspective(400px) rotateY(-15deg);transform perspective(400px) rotateY(-15deg)}to{opacity 0;-webkit-transform perspective(400px) rotateY(90deg);transform perspective(400px) rotateY(90deg)}}.animate__flipOutY{-webkit-animation-duration .75s;animation-duration .75s;-webkit-animation-duration calc(var(--animate-duration)*.75);animation-duration calc(var(--animate-duration)*.75);-webkit-animation-name flipOutY;animation-name flipOutY;-webkit-backface-visibility visible!important;backface-visibility visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity 0;-webkit-transform translate3d(100%,0,0) skewX(-30deg);transform translate3d(100%,0,0) skewX(-30deg)}60%{opacity 1;-webkit-transform skewX(20deg);transform skewX(20deg)}80%{-webkit-transform skewX(-5deg);transform skewX(-5deg)}to{-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity 0;-webkit-transform translate3d(100%,0,0) skewX(-30deg);transform translate3d(100%,0,0) skewX(-30deg)}60%{opacity 1;-webkit-transform skewX(20deg);transform skewX(20deg)}80%{-webkit-transform skewX(-5deg);transform skewX(-5deg)}to{-webkit-transform translateZ(0);transform translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name lightSpeedInRight;animation-name lightSpeedInRight;-webkit-animation-timing-function ease-out;animation-timing-function ease-out}@-webkit-keyframes lightSpeedInLeft{0%{opacity 0;-webkit-transform translate3d(-100%,0,0) skewX(30deg);transform translate3d(-100%,0,0) skewX(30deg)}60%{opacity 1;-webkit-transform skewX(-20deg);transform skewX(-20deg)}80%{-webkit-transform skewX(5deg);transform skewX(5deg)}to{-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity 0;-webkit-transform translate3d(-100%,0,0) skewX(30deg);transform translate3d(-100%,0,0) skewX(30deg)}60%{opacity 1;-webkit-transform skewX(-20deg);transform skewX(-20deg)}80%{-webkit-transform skewX(5deg);transform skewX(5deg)}to{-webkit-transform translateZ(0);transform translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name lightSpeedInLeft;animation-name lightSpeedInLeft;-webkit-animation-timing-function ease-out;animation-timing-function ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(100%,0,0) skewX(30deg);transform translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(100%,0,0) skewX(30deg);transform translate3d(100%,0,0) skewX(30deg)}}.animate__lightSpeedOutRight{-webkit-animation-name lightSpeedOutRight;animation-name lightSpeedOutRight;-webkit-animation-timing-function ease-in;animation-timing-function ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(-100%,0,0) skewX(-30deg);transform translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(-100%,0,0) skewX(-30deg);transform translate3d(-100%,0,0) skewX(-30deg)}}.animate__lightSpeedOutLeft{-webkit-animation-name lightSpeedOutLeft;animation-name lightSpeedOutLeft;-webkit-animation-timing-function ease-in;animation-timing-function ease-in}@-webkit-keyframes rotateIn{0%{opacity 0;-webkit-transform rotate(-200deg);transform rotate(-200deg)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes rotateIn{0%{opacity 0;-webkit-transform rotate(-200deg);transform rotate(-200deg)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__rotateIn{-webkit-animation-name rotateIn;animation-name rotateIn;-webkit-transform-origin center;transform-origin center}@-webkit-keyframes rotateInDownLeft{0%{opacity 0;-webkit-transform rotate(-45deg);transform rotate(-45deg)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity 0;-webkit-transform rotate(-45deg);transform rotate(-45deg)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__rotateInDownLeft{-webkit-animation-name rotateInDownLeft;animation-name rotateInDownLeft;-webkit-transform-origin left bottom;transform-origin left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity 0;-webkit-transform rotate(45deg);transform rotate(45deg)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes rotateInDownRight{0%{opacity 0;-webkit-transform rotate(45deg);transform rotate(45deg)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__rotateInDownRight{-webkit-animation-name rotateInDownRight;animation-name rotateInDownRight;-webkit-transform-origin right bottom;transform-origin right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity 0;-webkit-transform rotate(45deg);transform rotate(45deg)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity 0;-webkit-transform rotate(45deg);transform rotate(45deg)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__rotateInUpLeft{-webkit-animation-name rotateInUpLeft;animation-name rotateInUpLeft;-webkit-transform-origin left bottom;transform-origin left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity 0;-webkit-transform rotate(-90deg);transform rotate(-90deg)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes rotateInUpRight{0%{opacity 0;-webkit-transform rotate(-90deg);transform rotate(-90deg)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__rotateInUpRight{-webkit-animation-name rotateInUpRight;animation-name rotateInUpRight;-webkit-transform-origin right bottom;transform-origin right bottom}@-webkit-keyframes rotateOut{0%{opacity 1}to{opacity 0;-webkit-transform rotate(200deg);transform rotate(200deg)}}@keyframes rotateOut{0%{opacity 1}to{opacity 0;-webkit-transform rotate(200deg);transform rotate(200deg)}}.animate__rotateOut{-webkit-animation-name rotateOut;animation-name rotateOut;-webkit-transform-origin center;transform-origin center}@-webkit-keyframes rotateOutDownLeft{0%{opacity 1}to{opacity 0;-webkit-transform rotate(45deg);transform rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity 1}to{opacity 0;-webkit-transform rotate(45deg);transform rotate(45deg)}}.animate__rotateOutDownLeft{-webkit-animation-name rotateOutDownLeft;animation-name rotateOutDownLeft;-webkit-transform-origin left bottom;transform-origin left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity 1}to{opacity 0;-webkit-transform rotate(-45deg);transform rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity 1}to{opacity 0;-webkit-transform rotate(-45deg);transform rotate(-45deg)}}.animate__rotateOutDownRight{-webkit-animation-name rotateOutDownRight;animation-name rotateOutDownRight;-webkit-transform-origin right bottom;transform-origin right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity 1}to{opacity 0;-webkit-transform rotate(-45deg);transform rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity 1}to{opacity 0;-webkit-transform rotate(-45deg);transform rotate(-45deg)}}.animate__rotateOutUpLeft{-webkit-animation-name rotateOutUpLeft;animation-name rotateOutUpLeft;-webkit-transform-origin left bottom;transform-origin left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity 1}to{opacity 0;-webkit-transform rotate(90deg);transform rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity 1}to{opacity 0;-webkit-transform rotate(90deg);transform rotate(90deg)}}.animate__rotateOutUpRight{-webkit-animation-name rotateOutUpRight;animation-name rotateOutUpRight;-webkit-transform-origin right bottom;transform-origin right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function ease-in-out;animation-timing-function ease-in-out}20%,60%{-webkit-animation-timing-function ease-in-out;animation-timing-function ease-in-out;-webkit-transform rotate(80deg);transform rotate(80deg)}40%,80%{-webkit-animation-timing-function ease-in-out;animation-timing-function ease-in-out;opacity 1;-webkit-transform rotate(60deg);transform rotate(60deg)}to{opacity 0;-webkit-transform translate3d(0,700px,0);transform translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function ease-in-out;animation-timing-function ease-in-out}20%,60%{-webkit-animation-timing-function ease-in-out;animation-timing-function ease-in-out;-webkit-transform rotate(80deg);transform rotate(80deg)}40%,80%{-webkit-animation-timing-function ease-in-out;animation-timing-function ease-in-out;opacity 1;-webkit-transform rotate(60deg);transform rotate(60deg)}to{opacity 0;-webkit-transform translate3d(0,700px,0);transform translate3d(0,700px,0)}}.animate__hinge{-webkit-animation-duration 2s;animation-duration 2s;-webkit-animation-duration calc(var(--animate-duration)*2);animation-duration calc(var(--animate-duration)*2);-webkit-animation-name hinge;animation-name hinge;-webkit-transform-origin top left;transform-origin top left}@-webkit-keyframes jackInTheBox{0%{opacity 0;-webkit-transform scale(.1) rotate(30deg);transform scale(.1) rotate(30deg);-webkit-transform-origin center bottom;transform-origin center bottom}50%{-webkit-transform rotate(-10deg);transform rotate(-10deg)}70%{-webkit-transform rotate(3deg);transform rotate(3deg)}to{opacity 1;-webkit-transform scale(1);transform scale(1)}}@keyframes jackInTheBox{0%{opacity 0;-webkit-transform scale(.1) rotate(30deg);transform scale(.1) rotate(30deg);-webkit-transform-origin center bottom;transform-origin center bottom}50%{-webkit-transform rotate(-10deg);transform rotate(-10deg)}70%{-webkit-transform rotate(3deg);transform rotate(3deg)}to{opacity 1;-webkit-transform scale(1);transform scale(1)}}.animate__jackInTheBox{-webkit-animation-name jackInTheBox;animation-name jackInTheBox}@-webkit-keyframes rollIn{0%{opacity 0;-webkit-transform translate3d(-100%,0,0) rotate(-120deg);transform translate3d(-100%,0,0) rotate(-120deg)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes rollIn{0%{opacity 0;-webkit-transform translate3d(-100%,0,0) rotate(-120deg);transform translate3d(-100%,0,0) rotate(-120deg)}to{opacity 1;-webkit-transform translateZ(0);transform translateZ(0)}}.animate__rollIn{-webkit-animation-name rollIn;animation-name rollIn}@-webkit-keyframes rollOut{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(100%,0,0) rotate(120deg);transform translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity 1}to{opacity 0;-webkit-transform translate3d(100%,0,0) rotate(120deg);transform translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name rollOut;animation-name rollOut}@-webkit-keyframes zoomIn{0%{opacity 0;-webkit-transform scale3d(.3,.3,.3);transform scale3d(.3,.3,.3)}50%{opacity 1}}@keyframes zoomIn{0%{opacity 0;-webkit-transform scale3d(.3,.3,.3);transform scale3d(.3,.3,.3)}50%{opacity 1}}.animate__zoomIn{-webkit-animation-name zoomIn;animation-name zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function cubic-bezier(.55,.055,.675,.19);animation-timing-function cubic-bezier(.55,.055,.675,.19);opacity 0;-webkit-transform scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function cubic-bezier(.175,.885,.32,1);animation-timing-function cubic-bezier(.175,.885,.32,1);opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(0,60px,0);transform scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function cubic-bezier(.55,.055,.675,.19);animation-timing-function cubic-bezier(.55,.055,.675,.19);opacity 0;-webkit-transform scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function cubic-bezier(.175,.885,.32,1);animation-timing-function cubic-bezier(.175,.885,.32,1);opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(0,60px,0);transform scale3d(.475,.475,.475) translate3d(0,60px,0)}}.animate__zoomInDown{-webkit-animation-name zoomInDown;animation-name zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function cubic-bezier(.55,.055,.675,.19);animation-timing-function cubic-bezier(.55,.055,.675,.19);opacity 0;-webkit-transform scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function cubic-bezier(.175,.885,.32,1);animation-timing-function cubic-bezier(.175,.885,.32,1);opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(10px,0,0);transform scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function cubic-bezier(.55,.055,.675,.19);animation-timing-function cubic-bezier(.55,.055,.675,.19);opacity 0;-webkit-transform scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function cubic-bezier(.175,.885,.32,1);animation-timing-function cubic-bezier(.175,.885,.32,1);opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(10px,0,0);transform scale3d(.475,.475,.475) translate3d(10px,0,0)}}.animate__zoomInLeft{-webkit-animation-name zoomInLeft;animation-name zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function cubic-bezier(.55,.055,.675,.19);animation-timing-function cubic-bezier(.55,.055,.675,.19);opacity 0;-webkit-transform scale3d(.1,.1,.1) translate3d(1000px,0,0);transform scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function cubic-bezier(.175,.885,.32,1);animation-timing-function cubic-bezier(.175,.885,.32,1);opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(-10px,0,0);transform scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function cubic-bezier(.55,.055,.675,.19);animation-timing-function cubic-bezier(.55,.055,.675,.19);opacity 0;-webkit-transform scale3d(.1,.1,.1) translate3d(1000px,0,0);transform scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function cubic-bezier(.175,.885,.32,1);animation-timing-function cubic-bezier(.175,.885,.32,1);opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(-10px,0,0);transform scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.animate__zoomInRight{-webkit-animation-name zoomInRight;animation-name zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function cubic-bezier(.55,.055,.675,.19);animation-timing-function cubic-bezier(.55,.055,.675,.19);opacity 0;-webkit-transform scale3d(.1,.1,.1) translate3d(0,1000px,0);transform scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function cubic-bezier(.175,.885,.32,1);animation-timing-function cubic-bezier(.175,.885,.32,1);opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(0,-60px,0);transform scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function cubic-bezier(.55,.055,.675,.19);animation-timing-function cubic-bezier(.55,.055,.675,.19);opacity 0;-webkit-transform scale3d(.1,.1,.1) translate3d(0,1000px,0);transform scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function cubic-bezier(.175,.885,.32,1);animation-timing-function cubic-bezier(.175,.885,.32,1);opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(0,-60px,0);transform scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.animate__zoomInUp{-webkit-animation-name zoomInUp;animation-name zoomInUp}@-webkit-keyframes zoomOut{0%{opacity 1}50%{opacity 0;-webkit-transform scale3d(.3,.3,.3);transform scale3d(.3,.3,.3)}to{opacity 0}}@keyframes zoomOut{0%{opacity 1}50%{opacity 0;-webkit-transform scale3d(.3,.3,.3);transform scale3d(.3,.3,.3)}to{opacity 0}}.animate__zoomOut{-webkit-animation-name zoomOut;animation-name zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function cubic-bezier(.55,.055,.675,.19);animation-timing-function cubic-bezier(.55,.055,.675,.19);opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(0,-60px,0);transform scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function cubic-bezier(.175,.885,.32,1);animation-timing-function cubic-bezier(.175,.885,.32,1);opacity 0;-webkit-transform scale3d(.1,.1,.1) translate3d(0,2000px,0);transform scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function cubic-bezier(.55,.055,.675,.19);animation-timing-function cubic-bezier(.55,.055,.675,.19);opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(0,-60px,0);transform scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function cubic-bezier(.175,.885,.32,1);animation-timing-function cubic-bezier(.175,.885,.32,1);opacity 0;-webkit-transform scale3d(.1,.1,.1) translate3d(0,2000px,0);transform scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.animate__zoomOutDown{-webkit-animation-name zoomOutDown;animation-name zoomOutDown;-webkit-transform-origin center bottom;transform-origin center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(42px,0,0);transform scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity 0;-webkit-transform scale(.1) translate3d(-2000px,0,0);transform scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(42px,0,0);transform scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity 0;-webkit-transform scale(.1) translate3d(-2000px,0,0);transform scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name zoomOutLeft;animation-name zoomOutLeft;-webkit-transform-origin left center;transform-origin left center}@-webkit-keyframes zoomOutRight{40%{opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(-42px,0,0);transform scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity 0;-webkit-transform scale(.1) translate3d(2000px,0,0);transform scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(-42px,0,0);transform scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity 0;-webkit-transform scale(.1) translate3d(2000px,0,0);transform scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name zoomOutRight;animation-name zoomOutRight;-webkit-transform-origin right center;transform-origin right center}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function cubic-bezier(.55,.055,.675,.19);animation-timing-function cubic-bezier(.55,.055,.675,.19);opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(0,60px,0);transform scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function cubic-bezier(.175,.885,.32,1);animation-timing-function cubic-bezier(.175,.885,.32,1);opacity 0;-webkit-transform scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function cubic-bezier(.55,.055,.675,.19);animation-timing-function cubic-bezier(.55,.055,.675,.19);opacity 1;-webkit-transform scale3d(.475,.475,.475) translate3d(0,60px,0);transform scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function cubic-bezier(.175,.885,.32,1);animation-timing-function cubic-bezier(.175,.885,.32,1);opacity 0;-webkit-transform scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.animate__zoomOutUp{-webkit-animation-name zoomOutUp;animation-name zoomOutUp;-webkit-transform-origin center bottom;transform-origin center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform translate3d(0,-100%,0);transform translate3d(0,-100%,0);visibility visible}to{-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform translate3d(0,-100%,0);transform translate3d(0,-100%,0);visibility visible}to{-webkit-transform translateZ(0);transform translateZ(0)}}.animate__slideInDown{-webkit-animation-name slideInDown;animation-name slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform translate3d(-100%,0,0);transform translate3d(-100%,0,0);visibility visible}to{-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform translate3d(-100%,0,0);transform translate3d(-100%,0,0);visibility visible}to{-webkit-transform translateZ(0);transform translateZ(0)}}.animate__slideInLeft{-webkit-animation-name slideInLeft;animation-name slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform translate3d(100%,0,0);transform translate3d(100%,0,0);visibility visible}to{-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform translate3d(100%,0,0);transform translate3d(100%,0,0);visibility visible}to{-webkit-transform translateZ(0);transform translateZ(0)}}.animate__slideInRight{-webkit-animation-name slideInRight;animation-name slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform translate3d(0,100%,0);transform translate3d(0,100%,0);visibility visible}to{-webkit-transform translateZ(0);transform translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform translate3d(0,100%,0);transform translate3d(0,100%,0);visibility visible}to{-webkit-transform translateZ(0);transform translateZ(0)}}.animate__slideInUp{-webkit-animation-name slideInUp;animation-name slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform translateZ(0);transform translateZ(0)}to{-webkit-transform translate3d(0,100%,0);transform translate3d(0,100%,0);visibility hidden}}@keyframes slideOutDown{0%{-webkit-transform translateZ(0);transform translateZ(0)}to{-webkit-transform translate3d(0,100%,0);transform translate3d(0,100%,0);visibility hidden}}.animate__slideOutDown{-webkit-animation-name slideOutDown;animation-name slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform translateZ(0);transform translateZ(0)}to{-webkit-transform translate3d(-100%,0,0);transform translate3d(-100%,0,0);visibility hidden}}@keyframes slideOutLeft{0%{-webkit-transform translateZ(0);transform translateZ(0)}to{-webkit-transform translate3d(-100%,0,0);transform translate3d(-100%,0,0);visibility hidden}}.animate__slideOutLeft{-webkit-animation-name slideOutLeft;animation-name slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform translateZ(0);transform translateZ(0)}to{-webkit-transform translate3d(100%,0,0);transform translate3d(100%,0,0);visibility hidden}}@keyframes slideOutRight{0%{-webkit-transform translateZ(0);transform translateZ(0)}to{-webkit-transform translate3d(100%,0,0);transform translate3d(100%,0,0);visibility hidden}}.animate__slideOutRight{-webkit-animation-name slideOutRight;animation-name slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform translateZ(0);transform translateZ(0)}to{-webkit-transform translate3d(0,-100%,0);transform translate3d(0,-100%,0);visibility hidden}}@keyframes slideOutUp{0%{-webkit-transform translateZ(0);transform translateZ(0)}to{-webkit-transform translate3d(0,-100%,0);transform translate3d(0,-100%,0);visibility hidden}}.animate__slideOutUp{-webkit-animation-name slideOutUp;animation-name slideOutUp}
https://w.atwiki.jp/satoschi/pages/7584.html
* ｜Sino-Tibetan languages｜Tibeto-Burman languages｜Kuki-Chin-Naga languages｜ 言語類型 現用言語 使用文字 type living language writing system ISO 639-3 【cbl】 言語名別称 alternate names Bualkhaw-Chin 方言名 dialect names 参考文献 references WEB ISO 639-3 Registration Authority - SIL International the LINGUIST List Ethnologue
https://w.atwiki.jp/threejs/pages/72.html
更新日：2013-04-22, r58 説明 THREE.OrthographicCamera ( left, right, top, bottom, near, far ) 平行投影カメラ。近くのモノも遠くのモノも同じ大きさで描画される。 上例の床の平行線は遠くなってもずっと同じ幅のまま。 パラメータ left float |視線のどれぐらい左まで画面に入れるか。 right float |視線のどれぐらい右まで画面に入れるか。 top float |視線のどれぐらい上まで画面に入れるか。 bottom float |視線のどれぐらい下まで画面に入れるか。 near float [= 0.1] |この値より手前は描画されない。 far float [= 2000] |この値より奥は描画されない。 例 カメラの作成 var width = 320, height = 240; // 画面幅と画面高さ var scale = 1.2; // 後でcamera.scaleで変えてもいいけど var camera = new THREE.OrthographicCamera( -width/2*scale, width/2*scale, height/2*scale, -height/2*scale, 1, 1000 ); // 視線の左-192、右192、上144、下-144 が画面に入る。手前1から奥1000までを描画。
https://w.atwiki.jp/naobe/pages/117.html
WEBアプリケーションに戻る Androidを対象に記述する。 参考文献：ASCII iPhone+Androidスマートフォンサイト制作入門 画面 項目 説明 ディスプレィサイズ 3.5～4.0インチ 解像度 320x480px～640x960px ビューポートの設定 HTMLに以下を追加する。PCはviewport設定に影響されないので、PC/スマホ共通のHTMLに記述可能。 meta name="viewport" content="width=550; initial-scale=0.60; user-scalable=yes" 属性 説明 width スマホに表示する画面の幅 initial-scale 初期倍率。1にするとPCの表示より若干小さい表示になる。この値を微調整して画面いっぱいになるよう調整する user-scalable yes 手動で拡大、縮小可能 スマートフォンサイトへの誘導 リクエストのユーザエージェントにiPhoneまたは、Androidの文字列があればスマートフォンからのリクエストと判定する。 【例】 if ((navigator.userAgent.indexOf('iPhone') 0 navigator.userAgent.indexOf('iPad') == -1) || na vigator.userAgent.indexOf('iPod') 0 || navigator.userAgent.indexOf('Android') 0) { if(confirm('プレイグループ木場へようこそ。このサイトにはスマートフォン用のサイトがあります。 表示しますか？')) { location.href = 'http //iphone.playgroup-kiba.com'; } } iPadの初期バージョンのユーザエージェントにはiPhone文字列が含まれていたのでiPad文字列が含まれないことを条件に追加する。iPodもスマートフォンとみなす。
https://w.atwiki.jp/monozukiclub/pages/643.html
Nagaoka Estilo 長岡エスティーロ 愛称： 公式ホームページ 所属リーグ：新潟県サッカーリーグ1部(7部相当) 法人名：NPO法人 長岡ジュニアユースフットボールクラブ 代表者：西田勝彦 創立年：2001年／前身：Estilo 活動区域／ホームタウン：新潟県／長岡市 クラブカラー： ホームスタジアム： 練習グラウンド： アカデミー(育成)：Nagaoka Estilo U-18/Nagaoka Estilo U-15 クラブマスコット：- ユニフォームサプライヤー：ATHLETA 監督：
https://w.atwiki.jp/hmiku/pages/52841.html
【検索用 LunarCalendar 登録タグ CD CDL r-906CD ごめんなさいが言えなくてCD ツミキCD パンチCD 中村リョーマCD 左手CD】 + 目次 目次 CD紹介 曲目 リンク コメント 前作 本作 次作 - Lunar Calendar - r-906 ごめんなさいが言えなくて 呆 ツミキ 発売 2023年4月29日・30日 2023年5月10日～ 2023年5月10日～ 価格 ￥1,500（税込） ￥2,200（税込） 流通 即売 全国 配信 サークル・レーベル r-906はごめんなさいが言えなくて U R records CD紹介 CD名：『Lunar Calendar』 三日月、満月、新月をテーマとした三部作『Lunar Calendar』の楽曲3曲が2023 ver.として全曲リマスターされ、ごめんなさいが言えなくて氏、呆氏、ツミキ氏が手掛けるリミックスと共に収録されている。 デザインをグラフィックデザイナーのパンチ（Twitter）氏が、マスタリングを中村涼真氏が手掛ける。 2023年4月29日・30日開催の『The VOC@LOID 超M@STER 51』にて先行販売され、その後一般販売が行われている。 本楽曲の感想ツイート用に「#LCEP」のハッシュタグが用意されている。 曲目 三日月ステップ 2023 ムーンライトダンサー 2023 w/o U 2023 三日月ステップ（ごめ言え remix） 三日月ステップ（呆 remix） ムーンライトダンサー（ツミキ remix） リンク r-906氏Twitter ごめんなさいが言えなくて氏Twitter 呆氏Twitter ツミキ氏Twitter プレスリリース タワーレコード コメント 名前 コメント
https://w.atwiki.jp/yuugiri/pages/14.html
#google_calendar(){{40group.calendar.google.com amp;color=%23AB8B00 amp;src=ja.japanese%23holiday%40group.v.calendar.google.com amp;color=%23A32929 amp;ctz=Asia%2FTokyo" style=" border-width 0 " width="800" height="600" frameborder="0" scrolling="no" /iframe }}
https://w.atwiki.jp/starcraft2story/pages/20.html
ここを編集 このシネマは【ZERO HOUR】ミッション達成直後に挿入されています。 MAR SARA COLONY 06 21 - Local Time 惑星マー・サラ コロニー 06 21 - 現地時間 Tychus Damn Jimmy, you ve been holding out on me. クソッたれジミー、俺に内緒にしてやがったな。 Raynor Cuttin it pretty close there, Matt. ぎりぎりじゃないか、マット。 Horner Never left you hanging before, sir. サー、私が今まで無視したことがありましたか？ Raynor Fair enough. Just get us the hell outta here! 文句はない。こっから出してくれればな！ Horner All batteries, concentrate forward firepower. Spin up drives two and six! All hands brace for warp jump on my mark! 全砲門、前方に火力を集中せよ。全エンジン同時に最大出力。私の合図でワープジャンプ、総員何かに捕まれ！ (注釈：two six heave 英海軍の艦載大砲1門を担当する砲術チームが6名から構成され、2番と6番目の水兵が息を合わせて縄を引いたことから。この場合、Drives＝（複数の）エンジン Spin up＝駆動させる two and six＝同時に) Horner Mark! いけっ！ Raynor What the hell happened? We ain t seen the zerg in years - why attack Mar Sara now? くそ、なにが起こってんだ？ 近ごろザーグなんか見たこともねぇ。なんで今さらマーサラなんかに？ Horner It s not just Mar Sara. You need to see this. マーサラだけではありません。これを見てください。 Vermillion -Zerg swarm launched a full scale attack- -ザーグの大攻勢が始まりました- Reporter -Devastation spread throughout all outer rim planets- -破壊は外星周辺に及んでいます- Lockwell -Sustained heavy losses- -甚大な損害を被りました- Reporter -Casualties in the billions- -死傷者は莫大な数にのぼります- Reporter -Minutes ago the zerg attacked a Dominion military research facility- -数分前、ザーグはドミニオン軍研究所を攻撃しました- Tychus Sweet mother of mercy. こいつぁ酷ぇ。 Lockwell -New, exclusive video footage confirms the Queen of Blades is in fact leading the swarm! -最新のスクープ映像によりますと、刃の女王がザーグの群れを率いているのが確認されました！- Horner We always knew she d be back. But what s she after? 彼女が戻ってくるのは予想どおりですが、何を企んでいるのでしょうか？ Raynor She s come to finish the job. ケリをつけに来たのさ。 ここを編集
https://w.atwiki.jp/etvip/pages/112.html
J-Nagaoka _ _ ( ﾟ∀ﾟ ) ＜ 一生乳離れしないと決めたワシじゃよ し J | | し ⌒Ｊ _ ∩ ( ﾟ∀ﾟ)彡 おっぱい！おっぱい！ ( ⊂彡 | | し ⌒Ｊ