Netfix logo animation CSS
How do I make an netfix logo animation css?
The netflix logo animation in pure CSS. What is a netfix logo animation css? How do you make a netfix logo animation css? This script and codes were developed by Gregor Adams on 19 June 2022, Sunday.
Netfix logo animation CSS Previews
Netfix logo animation CSS - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>netfix logo animation CSS</title> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ @import url(http://fonts.googleapis.com/css?family=Oswald:700);
html,
body { height: 100%; width: 100%; overflow: hidden;
}
body { margin: 0; display: flex; flex-flow: row wrap; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: center;
}
.retrigger { position: absolute; left: -5em; opacity: 0;
}
.buttons { flex: 0 0 auto; height: 2em; line-height: 2em; background: #fff; text-align: center; cursor: pointer; user-select: none;
}
.buttons .button { padding: 0.3em 1em; font-family: Oswald, Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; color: #f00; font-size: 1.3em; display: none; cursor: pointer; border: 2px solid #f00;
}
.buttons .button:hover { color: #fff; background: #f00;
}
#retrigger--2:checked ~ .buttons .button--1 { display: block;
}
#retrigger--1:checked ~ .buttons .button--2 { display: block;
}
.logo { flex: 0 0 100%; display: flex; justify-content: center; perspective: 1000px; perspective-origin: 50% 0%; font-size: 8em; font-family: Oswald, Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; color: #fff; transform: scaleY(0.8);
}
@keyframes color--1 { 0% { color: #fff; } 100% { color: #f00; }
}
@keyframes color--2 { 0% { color: #fff; } 100% { color: #f00; }
}
span { -webkit-backface-visibility: hidden; animation-fill-mode: forwards; animation-timing-function: ease-in, ease-out, linear;
}
span:nth-child(1) { animation-delay: 1.1s, 3.05s, 3.45s; animation-duration: 1.05s, 3s, 0.1s; transform-origin: 33.33333% 200%; font-size: 1.035em;
}
#retrigger--1:checked ~ .logo span:nth-child(1) { animation-name: in_1--1, out_1--1, color--1;
}
#retrigger--2:checked ~ .logo span:nth-child(1) { animation-name: in_1--2, out_1--2, color--2;
}
@keyframes in_1--1 { 0% { transform: scale(65.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(96.2, 1.2) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 9px 0 0 #f2f2f2, 10px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(86.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 9px 0 0 #f2f2f2, 10px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes in_1--2 { 0% { transform: scale(65.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(96.2, 1.2) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 9px 0 0 #f2f2f2, 10px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(86.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 9px 0 0 #f2f2f2, 10px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes out_1--1 { 0% { transform: scale(86.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 9px 0 0 #f2f2f2, 10px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(75.9, 1.05) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(65.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
@keyframes out_1--2 { 0% { transform: scale(86.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 9px 0 0 #f2f2f2, 10px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(75.9, 1.05) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(65.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
span:nth-child(2) { animation-delay: 1.2s, 3.05s, 3.45s; animation-duration: 1.1s, 3s, 0.1s; transform-origin: 25% 200%; font-size: 0.96em;
}
#retrigger--1:checked ~ .logo span:nth-child(2) { animation-name: in_2--1, out_2--1, color--1;
}
#retrigger--2:checked ~ .logo span:nth-child(2) { animation-name: in_2--2, out_2--2, color--2;
}
@keyframes in_2--1 { 0% { transform: scale(75.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(106.2, 1.2) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(96.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes in_2--2 { 0% { transform: scale(75.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(106.2, 1.2) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(96.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes out_2--1 { 0% { transform: scale(96.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(85.9, 1.05) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(75.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
@keyframes out_2--2 { 0% { transform: scale(96.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(85.9, 1.05) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(75.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
span:nth-child(3) { animation-delay: 1.3s, 3.05s, 3.45s; animation-duration: 1.15s, 3s, 0.1s; transform-origin: 0% 200%; font-size: 0.915em;
}
#retrigger--1:checked ~ .logo span:nth-child(3) { animation-name: in_3--1, out_3--1, color--1;
}
#retrigger--2:checked ~ .logo span:nth-child(3) { animation-name: in_3--2, out_3--2, color--2;
}
@keyframes in_3--1 { 0% { transform: scale(85.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(116.2, 1.2) rotatey(89.5deg); text-shadow: 0px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(106.2, 1.1) rotatey(89.5deg); text-shadow: 0px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes in_3--2 { 0% { transform: scale(85.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(116.2, 1.2) rotatey(89.5deg); text-shadow: 0px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(106.2, 1.1) rotatey(89.5deg); text-shadow: 0px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes out_3--1 { 0% { transform: scale(106.2, 1.1) rotatey(89.5deg); text-shadow: 0px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(95.9, 1.05) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(85.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
@keyframes out_3--2 { 0% { transform: scale(106.2, 1.1) rotatey(89.5deg); text-shadow: 0px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(95.9, 1.05) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(85.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
span:nth-child(4) { animation-delay: 1.4s, 3.05s, 3.45s; animation-duration: 1.2s, 3s, 0.1s; transform-origin: Infinity% 200%; font-size: 0.85em;
}
#retrigger--1:checked ~ .logo span:nth-child(4) { animation-name: in_4--1, out_4--1, color--1;
}
#retrigger--2:checked ~ .logo span:nth-child(4) { animation-name: in_4--2, out_4--2, color--2;
}
@keyframes in_4--1 { 0% { transform: scale(1, 1) translatey(0%); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(1.2, 1.2) translatey(-16%); text-shadow: 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(1.1, 1.1) translatey(-12%); text-shadow: 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes in_4--2 { 0% { transform: scale(1, 1) translatey(0%); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(1.2, 1.2) translatey(-16%); text-shadow: 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(1.1, 1.1) translatey(-12%); text-shadow: 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes out_4--1 { 0% { transform: scale(1.1, 1.1) translatey(-12%); text-shadow: 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(1.05, 1.05) translatey(-7%); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(1, 1) translatey(0%); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
@keyframes out_4--2 { 0% { transform: scale(1.1, 1.1) translatey(-12%); text-shadow: 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(1.05, 1.05) translatey(-7%); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(1, 1) translatey(0%); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
span:nth-child(5) { animation-delay: 1.5s, 3.05s, 3.45s; animation-duration: 1.25s, 3s, 0.1s; transform-origin: 100% 200%; font-size: 0.915em;
}
#retrigger--1:checked ~ .logo span:nth-child(5) { animation-name: in_5--1, out_5--1, color--1;
}
#retrigger--2:checked ~ .logo span:nth-child(5) { animation-name: in_5--2, out_5--2, color--2;
}
@keyframes in_5--1 { 0% { transform: scale(85.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(116.2, 1.2) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(106.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes in_5--2 { 0% { transform: scale(85.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(116.2, 1.2) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(106.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes out_5--1 { 0% { transform: scale(106.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(95.9, 1.05) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(85.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
@keyframes out_5--2 { 0% { transform: scale(106.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(95.9, 1.05) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(85.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
span:nth-child(6) { animation-delay: 1.6s, 3.05s, 3.45s; animation-duration: 1.3s, 3s, 0.1s; transform-origin: 75% 200%; font-size: 0.96em;
}
#retrigger--1:checked ~ .logo span:nth-child(6) { animation-name: in_6--1, out_6--1, color--1;
}
#retrigger--2:checked ~ .logo span:nth-child(6) { animation-name: in_6--2, out_6--2, color--2;
}
@keyframes in_6--1 { 0% { transform: scale(75.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(106.2, 1.2) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(96.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes in_6--2 { 0% { transform: scale(75.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(106.2, 1.2) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(96.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes out_6--1 { 0% { transform: scale(96.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(85.9, 1.05) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(75.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
@keyframes out_6--2 { 0% { transform: scale(96.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(85.9, 1.05) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(75.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
span:nth-child(7) { animation-delay: 1.7s, 3.05s, 3.45s; animation-duration: 1.35s, 3s, 0.1s; transform-origin: 66.66667% 200%; font-size: 1.035em;
}
#retrigger--1:checked ~ .logo span:nth-child(7) { animation-name: in_7--1, out_7--1, color--1;
}
#retrigger--2:checked ~ .logo span:nth-child(7) { animation-name: in_7--2, out_7--2, color--2;
}
@keyframes in_7--1 { 0% { transform: scale(65.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(96.2, 1.2) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -10px 0 0 #f2f2f2, -11px 0 0 #f2f2f2, -12px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(86.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -10px 0 0 #f2f2f2, -11px 0 0 #f2f2f2, -12px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes in_7--2 { 0% { transform: scale(65.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(96.2, 1.2) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -10px 0 0 #f2f2f2, -11px 0 0 #f2f2f2, -12px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(86.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -10px 0 0 #f2f2f2, -11px 0 0 #f2f2f2, -12px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes out_7--1 { 0% { transform: scale(86.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -10px 0 0 #f2f2f2, -11px 0 0 #f2f2f2, -12px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(75.9, 1.05) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(65.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
@keyframes out_7--2 { 0% { transform: scale(86.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -10px 0 0 #f2f2f2, -11px 0 0 #f2f2f2, -12px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(75.9, 1.05) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(65.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body>
<input class="retrigger" type="radio" name="rerun" id="retrigger--1"/>
<input class="retrigger" type="radio" name="rerun" id="retrigger--2" checked="checked"/>
<div class="buttons"> <label class="button button--1" for="retrigger--1">PLAY AGAIN</label> <label class="button button--2" for="retrigger--2">PLAY AGAIN</label>
</div>
<div class="logo"><span>N </span><span>E </span><span>T</span><span>F</span><span>L</span><span>I</span><span>X</span></div>
</body>
</html>
Netfix logo animation CSS - Script Codes CSS Codes
@import url(http://fonts.googleapis.com/css?family=Oswald:700);
html,
body { height: 100%; width: 100%; overflow: hidden;
}
body { margin: 0; display: flex; flex-flow: row wrap; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: center;
}
.retrigger { position: absolute; left: -5em; opacity: 0;
}
.buttons { flex: 0 0 auto; height: 2em; line-height: 2em; background: #fff; text-align: center; cursor: pointer; user-select: none;
}
.buttons .button { padding: 0.3em 1em; font-family: Oswald, Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; color: #f00; font-size: 1.3em; display: none; cursor: pointer; border: 2px solid #f00;
}
.buttons .button:hover { color: #fff; background: #f00;
}
#retrigger--2:checked ~ .buttons .button--1 { display: block;
}
#retrigger--1:checked ~ .buttons .button--2 { display: block;
}
.logo { flex: 0 0 100%; display: flex; justify-content: center; perspective: 1000px; perspective-origin: 50% 0%; font-size: 8em; font-family: Oswald, Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; color: #fff; transform: scaleY(0.8);
}
@keyframes color--1 { 0% { color: #fff; } 100% { color: #f00; }
}
@keyframes color--2 { 0% { color: #fff; } 100% { color: #f00; }
}
span { -webkit-backface-visibility: hidden; animation-fill-mode: forwards; animation-timing-function: ease-in, ease-out, linear;
}
span:nth-child(1) { animation-delay: 1.1s, 3.05s, 3.45s; animation-duration: 1.05s, 3s, 0.1s; transform-origin: 33.33333% 200%; font-size: 1.035em;
}
#retrigger--1:checked ~ .logo span:nth-child(1) { animation-name: in_1--1, out_1--1, color--1;
}
#retrigger--2:checked ~ .logo span:nth-child(1) { animation-name: in_1--2, out_1--2, color--2;
}
@keyframes in_1--1 { 0% { transform: scale(65.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(96.2, 1.2) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 9px 0 0 #f2f2f2, 10px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(86.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 9px 0 0 #f2f2f2, 10px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes in_1--2 { 0% { transform: scale(65.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(96.2, 1.2) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 9px 0 0 #f2f2f2, 10px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(86.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 9px 0 0 #f2f2f2, 10px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes out_1--1 { 0% { transform: scale(86.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 9px 0 0 #f2f2f2, 10px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(75.9, 1.05) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(65.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
@keyframes out_1--2 { 0% { transform: scale(86.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 9px 0 0 #f2f2f2, 10px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 11px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(75.9, 1.05) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(65.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
span:nth-child(2) { animation-delay: 1.2s, 3.05s, 3.45s; animation-duration: 1.1s, 3s, 0.1s; transform-origin: 25% 200%; font-size: 0.96em;
}
#retrigger--1:checked ~ .logo span:nth-child(2) { animation-name: in_2--1, out_2--1, color--1;
}
#retrigger--2:checked ~ .logo span:nth-child(2) { animation-name: in_2--2, out_2--2, color--2;
}
@keyframes in_2--1 { 0% { transform: scale(75.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(106.2, 1.2) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(96.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes in_2--2 { 0% { transform: scale(75.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(106.2, 1.2) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(96.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes out_2--1 { 0% { transform: scale(96.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(85.9, 1.05) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(75.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
@keyframes out_2--2 { 0% { transform: scale(96.2, 1.1) rotatey(89.5deg); text-shadow: 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 5px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 6px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 7px 0 0 #f2f2f2, 8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(85.9, 1.05) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(75.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
span:nth-child(3) { animation-delay: 1.3s, 3.05s, 3.45s; animation-duration: 1.15s, 3s, 0.1s; transform-origin: 0% 200%; font-size: 0.915em;
}
#retrigger--1:checked ~ .logo span:nth-child(3) { animation-name: in_3--1, out_3--1, color--1;
}
#retrigger--2:checked ~ .logo span:nth-child(3) { animation-name: in_3--2, out_3--2, color--2;
}
@keyframes in_3--1 { 0% { transform: scale(85.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(116.2, 1.2) rotatey(89.5deg); text-shadow: 0px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(106.2, 1.1) rotatey(89.5deg); text-shadow: 0px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes in_3--2 { 0% { transform: scale(85.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(116.2, 1.2) rotatey(89.5deg); text-shadow: 0px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(106.2, 1.1) rotatey(89.5deg); text-shadow: 0px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes out_3--1 { 0% { transform: scale(106.2, 1.1) rotatey(89.5deg); text-shadow: 0px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(95.9, 1.05) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(85.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
@keyframes out_3--2 { 0% { transform: scale(106.2, 1.1) rotatey(89.5deg); text-shadow: 0px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 1px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 2px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 3px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(95.9, 1.05) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(85.9, 1) rotatey(89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
span:nth-child(4) { animation-delay: 1.4s, 3.05s, 3.45s; animation-duration: 1.2s, 3s, 0.1s; transform-origin: Infinity% 200%; font-size: 0.85em;
}
#retrigger--1:checked ~ .logo span:nth-child(4) { animation-name: in_4--1, out_4--1, color--1;
}
#retrigger--2:checked ~ .logo span:nth-child(4) { animation-name: in_4--2, out_4--2, color--2;
}
@keyframes in_4--1 { 0% { transform: scale(1, 1) translatey(0%); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(1.2, 1.2) translatey(-16%); text-shadow: 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(1.1, 1.1) translatey(-12%); text-shadow: 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes in_4--2 { 0% { transform: scale(1, 1) translatey(0%); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(1.2, 1.2) translatey(-16%); text-shadow: 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(1.1, 1.1) translatey(-12%); text-shadow: 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes out_4--1 { 0% { transform: scale(1.1, 1.1) translatey(-12%); text-shadow: 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(1.05, 1.05) translatey(-7%); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(1, 1) translatey(0%); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
@keyframes out_4--2 { 0% { transform: scale(1.1, 1.1) translatey(-12%); text-shadow: 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 0 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(1.05, 1.05) translatey(-7%); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(1, 1) translatey(0%); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
span:nth-child(5) { animation-delay: 1.5s, 3.05s, 3.45s; animation-duration: 1.25s, 3s, 0.1s; transform-origin: 100% 200%; font-size: 0.915em;
}
#retrigger--1:checked ~ .logo span:nth-child(5) { animation-name: in_5--1, out_5--1, color--1;
}
#retrigger--2:checked ~ .logo span:nth-child(5) { animation-name: in_5--2, out_5--2, color--2;
}
@keyframes in_5--1 { 0% { transform: scale(85.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(116.2, 1.2) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(106.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes in_5--2 { 0% { transform: scale(85.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(116.2, 1.2) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(106.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes out_5--1 { 0% { transform: scale(106.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(95.9, 1.05) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(85.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
@keyframes out_5--2 { 0% { transform: scale(106.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(95.9, 1.05) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(85.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
span:nth-child(6) { animation-delay: 1.6s, 3.05s, 3.45s; animation-duration: 1.3s, 3s, 0.1s; transform-origin: 75% 200%; font-size: 0.96em;
}
#retrigger--1:checked ~ .logo span:nth-child(6) { animation-name: in_6--1, out_6--1, color--1;
}
#retrigger--2:checked ~ .logo span:nth-child(6) { animation-name: in_6--2, out_6--2, color--2;
}
@keyframes in_6--1 { 0% { transform: scale(75.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(106.2, 1.2) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(96.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes in_6--2 { 0% { transform: scale(75.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(106.2, 1.2) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(96.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes out_6--1 { 0% { transform: scale(96.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(85.9, 1.05) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(75.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
@keyframes out_6--2 { 0% { transform: scale(96.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(85.9, 1.05) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(75.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
span:nth-child(7) { animation-delay: 1.7s, 3.05s, 3.45s; animation-duration: 1.35s, 3s, 0.1s; transform-origin: 66.66667% 200%; font-size: 1.035em;
}
#retrigger--1:checked ~ .logo span:nth-child(7) { animation-name: in_7--1, out_7--1, color--1;
}
#retrigger--2:checked ~ .logo span:nth-child(7) { animation-name: in_7--2, out_7--2, color--2;
}
@keyframes in_7--1 { 0% { transform: scale(65.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(96.2, 1.2) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -10px 0 0 #f2f2f2, -11px 0 0 #f2f2f2, -12px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(86.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -10px 0 0 #f2f2f2, -11px 0 0 #f2f2f2, -12px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes in_7--2 { 0% { transform: scale(65.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 50% { transform: scale(96.2, 1.2) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -10px 0 0 #f2f2f2, -11px 0 0 #f2f2f2, -12px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 100% { transform: scale(86.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -10px 0 0 #f2f2f2, -11px 0 0 #f2f2f2, -12px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; }
}
@keyframes out_7--1 { 0% { transform: scale(86.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -10px 0 0 #f2f2f2, -11px 0 0 #f2f2f2, -12px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(75.9, 1.05) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(65.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
@keyframes out_7--2 { 0% { transform: scale(86.2, 1.1) rotatey(-89.5deg); text-shadow: -1px 0 0 #f2f2f2, -2px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -3px 0 0 #f2f2f2, -4px 0 0 #f2f2f2, -5px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -6px 0 0 #f2f2f2, -7px 0 0 #f2f2f2, -8px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -9px 0 0 #f2f2f2, -10px 0 0 #f2f2f2, -11px 0 0 #f2f2f2, -12px 0 0 #f2f2f2, 1px 3px 3px #dadada, 2px 6px 3px #d9dada, 3px 9px 3px #d9d9da, 4px 12px 3px #d9d9da, 5px 15px 3px #d8d9da, 6px 18px 3px #d8d9da, 7px 21px 3px #d8d9da, 8px 24px 3px #d7d8da, 9px 27px 3px #d7d8da, 10px 30px 3px #d7d8da, 11px 33px 3px #d6d8da, 12px 36px 3px #d6d8da, 13px 39px 3px #d6d7da, 14px 42px 3px #d5d7da, 15px 45px 3px #d5d7da, 16px 48px 3px #d5d7da, 17px 51px 3px #d4d7da, 18px 54px 3px #d4d6da, 19px 57px 3px #d4d6da, 20px 60px 3px #d3d6da, 21px 63px 3px #d3d6da, 22px 66px 3px #d3d6da, 23px 69px 3px #d2d5da, 24px 72px 3px #d2d5da, 25px 75px 3px #d2d5da, 26px 78px 3px #d1d5da, 27px 81px 3px #d1d5da, 28px 84px 3px #d1d4da, 29px 87px 3px #d0d4da, 30px 90px 3px #d0d4da, 31px 93px 3px #cfd4da, 32px 96px 3px #cfd4da, 33px 99px 3px #cfd3da, 34px 102px 3px #ced3da, 35px 105px 3px #ced3da, 36px 108px 3px #ced3da, 37px 111px 3px #cdd3da, 38px 114px 3px #cdd2da, 39px 117px 3px #cdd2da, 40px 120px 3px #ccd2da, 41px 123px 3px #ccd2da, 42px 126px 3px #ccd2da, 43px 129px 3px #cbd1da, 44px 132px 3px #cbd1da, 45px 135px 3px #cbd1da, 46px 138px 3px #cad1da, 47px 141px 3px #cad1da, 48px 144px 3px #cad0da, 49px 147px 3px #c9d0da, 50px 150px 3px #c9d0da; } 20% { transform: scale(75.9, 1.05) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); } 100% { transform: scale(65.9, 1) rotatey(-89.5deg); text-shadow: 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(242, 242, 242, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0), 0 0 0 rgba(218, 218, 218, 0); }
}
| Developer | Gregor Adams |
| Username | pixelass |
| Uploaded | June 19, 2022 |
| Rating | 4.5 |
| Size | 10,303 Kb |
| Views | 44,528 |
Do you need developer help for Netfix logo animation CSS?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Gregor Adams (pixelass) Script Codes
| Name | Size |
| Flat webpage concept | 12,434 Kb |
| SVG sine wave | 2,988 Kb |
| Pure CSS marching ants border | 3,837 Kb |
| Fractal curve generator | 13,870 Kb |
| Morphing search input | 3,250 Kb |
| Material design upload button with progress | 3,374 Kb |
| Material button pure CSS | 3,594 Kb |
| Google dots animation | 4,211 Kb |
| Pager-dots concept | 4,731 Kb |
| 3D Particle Heart | 5,711 Kb |
Create amazing web content with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| Michelle, submit your photography to Unsplash. | Zaneriley | 3,368 Kb |
| Angular Route | Arun_v606 | 1,837 Kb |
| Fullscreen Parallax | Bassta | 3,313 Kb |
| A Bouncy Menu Toggle | Billyysea | 4,563 Kb |
| The Fantastic Mr Fox | MalZiiirA | 10,435 Kb |
| Owl Carousel - jumpTo | OwlFonk | 2,553 Kb |
| Another brick in the wall | Fivera | 1,955 Kb |
| Pagepilling.js | Blossk | 6,554 Kb |
| Flat design iframe | Damienpm | 1,819 Kb |
| Glowing Pulse Form | Jackrugile | 2,542 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!