Skip to content

Instantly share code, notes, and snippets.

@thezakman

thezakman/choose.js

Created March 7, 2021 04:33
Show Gist options
  • Save thezakman/be0535c8172c04ec14becaa6f86fa924 to your computer and use it in GitHub Desktop.
Save thezakman/be0535c8172c04ec14becaa6f86fa924 to your computer and use it in GitHub Desktop.
Download ZIP
Red or Blue Pill XSS
Raw
choose.js
/*
_____ ______ _____ _____ _____ _____ ______ _____ ____ _____ _________________
___|\ \ ___|\ \ |\ \ / /| ____|\ \|\ \ |\ \ ___|\ \ ____|\ \ ___|\ \ / \
| |\ \ | \ \ | \ \ / / | / /\ \\\ \| \ \ | |\ \ / /\ \ | |\ \\______ ______/
| | | || ,_____/|| \____\/ / // / \ \\| \ \ || | | | | | | || | | | \( / / )/
| | /_ _ / | \--'\_|/ \ | / / /| | | || \ | || | | | | |__| || |/____/ ' | | '
| |\ \ | /___/| \|___/ / / | | | || \ | || | | | | .--. || |\ \ | |
| | | | | \____|\ / / / |\ \ / /|| |\ \| || | | | | | | || | | | / //
|____|/____/| |____ ' /| /____/ / | \_____\/____/ ||____||\_____/||____|/____/| |____| |____||____| |____| /___//
| / || | /_____/ | |` | / \ | || | /| |/ \| ||| / | | | | | || | | | |` |
|____|_____|/ |____| | / |_____|/ \|____||____|/ |____| |___|/|____|____|/ |____| |____||____| |____| |____|
\( )/ \( |_____|/ )/ \( )/ \( )/ \( )/ \( )/ \( )/ \(
' ' ' )/ ' ' ' ' ' ' ' ' ' ' ' '
'
From: https://app.rarible.com/token/0x60f80121c31a0d46b5279700f9df786054aa5ee5:295731:0x1508638e2ee815141e075a7857c534cab07f5760
source: https://cdn.jsdelivr.net/gh/samwcyo/Samwcyo.github.io@latest/this-really-is-art.js
*/
(function() {
var script = document.createElement("SCRIPT");
script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';
script.type = 'text/javascript';
script.onload = function() {
var $ = window.jQuery;
/* js here */
$("#root").css("display","none");
$('body').append('<div class="matrix"></div>');
$(".matrix").html('<div class="transform"><div class="typewriter"><h1>The <span id="red" class="redpill">Red Pill</span> or the <span id="blue" class="bluepill">Blue Pill</span>?</h1></div></div><style>.redpill { cursor: pointer; color: red; text-decoration: underline; } .bluepill { cursor: pointer; color: blue; text-decoration: underline; } .transform { position: absolute; top: 25%; z-index: 100;font-size: 50px;text-align: center;width: 100%;height: 100%;color: #FFFFFF; } .typewriter h1 { background-color: black; padding: 20px; opacity: 0.9; color: #fff; font-family: consolas; overflow: hidden; border-right: .15em solid orange; white-space: nowrap; margin: 0 auto; letter-spacing: .15em; -webkit-animation: typing 3.5s steps(30, end), blink-caret .5s step-end infinite; animation: typing 3.5s steps(30, end), blink-caret .5s step-end infinite; } @-webkit-keyframes typing { from { width: 0 } to { width: 100% } } @keyframes typing { from { width: 0 } to { width: 100% } } @-webkit-keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: orange } } @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: orange } } </style><canvas id="c" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></canvas>');
var c = document.getElementById("c");
var ctx = c.getContext("2d");
c.height = window.innerHeight;
c.width = window.innerWidth;
var chinese = "η”°η”±η”²η”³η”΄η”΅η”Άη”·η”Έη”Ήη”Ίη”»η”Όη”½η”Ύη”Ώη•€η•η•‚η•ƒη•„η•…η•†η•‡η•ˆη•‰η•Šη•‹η•Œη•η•Žη•η•η•‘";
chinese = chinese.split("");
var font_size = 10;
var columns = c.width/font_size;
var drops = [];
for(var x = 0; x < columns; x++)
drops[x] = 1;
function draw()
{
ctx.fillStyle = "rgba(0, 0, 0, 0.05)";
ctx.fillRect(0, 0, c.width, c.height);
ctx.fillStyle = "#0F0";
ctx.font = font_size + "px arial";
for(var i = 0; i < drops.length; i++)
{
var text = chinese[Math.floor(Math.random()*chinese.length)];
ctx.fillText(text, i*font_size, drops[i]*font_size);
if(drops[i]*font_size > c.height && Math.random() > 0.975)
drops[i] = 0;
drops[i]++;
}
}
setInterval(draw, 33);
$( "#red" ).on( "click", function() {
hideMatrix();
redPill();
});
$( "#blue" ).on( "click", function() {
hideMatrix();
bluePill();
});
function hideMatrix() {
$("#root").css("display","block");
$(".matrix").html("");
}
function bluePill() {
window.location = "https://www.google.com/search?q=you+are+not+worthy+of+the+art&oq=you+are+not+worthy+of+the+art";
}
function redPill() {
var css = 'body { -webkit-filter: invert(80%); -moz-filter: invert(80%); -o-filter: invert(80%); -ms-filter: invert(80%); } * { overflow: hidden; position: relative; } .icIUoY { background: #000 !important; -webkit-filter: invert(100%) !important; } .overlay { background-color: #282828; background: linear-gradient(rgba(10, 10, 10, 0.6), rgba(0, 0, 0, 0.9)), repeating-linear-gradient(0, transparent, transparent 2px, black 3px, black 3px); height: 100%; width: 100%; z-index: 5; } .token { position: absolute; left: 25%; top: 25%; width: 750px; height: 500px; } #wrapper { z-index: 50; font-family: "Montserrat", sans-serif; text-align: center; } .sub { color: rgb(100,220,220); letter-spacing: 1em; } .glitch { position: relative; color: white; font-size: 4em; letter-spacing: 0.5em; for more information on how to random skew. */ animation: glitch-skew 1s infinite linear alternate-reverse; } .glitch::before { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; left: 2px; text-shadow: -2px 0 #ff00c1; clip: rect(44px, 450px, 56px, 0); animation: glitch-anim 5s infinite linear alternate-reverse; } .glitch::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; left: -2px; text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1; animation: glitch-anim2 1s infinite linear alternate-reverse; } @keyframes glitch-anim { 0% { clip: rect(75px, 9999px, 17px, 0); transform: skew(0.24deg); } 5% { clip: rect(90px, 9999px, 62px, 0); transform: skew(0.1deg); } 10% { clip: rect(85px, 9999px, 42px, 0); transform: skew(0.65deg); } 15% { clip: rect(24px, 9999px, 15px, 0); transform: skew(0.57deg); } 20% { clip: rect(96px, 9999px, 93px, 0); transform: skew(0.85deg); } 25% { clip: rect(94px, 9999px, 1px, 0); transform: skew(0.73deg); } 30% { clip: rect(93px, 9999px, 8px, 0); transform: skew(0.64deg); } 35% { clip: rect(56px, 9999px, 75px, 0); transform: skew(0.71deg); } 40% { clip: rect(16px, 9999px, 33px, 0); transform: skew(0.89deg); } 45% { clip: rect(96px, 9999px, 9px, 0); transform: skew(1deg); } 50% { clip: rect(56px, 9999px, 80px, 0); transform: skew(0.4deg); } 55% { clip: rect(3px, 9999px, 42px, 0); transform: skew(0.41deg); } 60% { clip: rect(18px, 9999px, 56px, 0); transform: skew(0.55deg); } 65% { clip: rect(96px, 9999px, 3px, 0); transform: skew(0.58deg); } 70% { clip: rect(14px, 9999px, 53px, 0); transform: skew(0.67deg); } 75% { clip: rect(40px, 9999px, 47px, 0); transform: skew(1deg); } 80% { clip: rect(9px, 9999px, 30px, 0); transform: skew(0.37deg); } 85% { clip: rect(49px, 9999px, 72px, 0); transform: skew(0.84deg); } 90% { clip: rect(31px, 9999px, 37px, 0); transform: skew(0.19deg); } 95% { clip: rect(41px, 9999px, 39px, 0); transform: skew(0.24deg); } 100% { clip: rect(8px, 9999px, 97px, 0); transform: skew(0.82deg); } } @keyframes glitch-anim2 { 0% { clip: rect(30px, 9999px, 99px, 0); transform: skew(0.08deg); } 5% { clip: rect(43px, 9999px, 17px, 0); transform: skew(0.69deg); } 10% { clip: rect(4px, 9999px, 7px, 0); transform: skew(0.65deg); } 15% { clip: rect(54px, 9999px, 80px, 0); transform: skew(1deg); } 20% { clip: rect(72px, 9999px, 85px, 0); transform: skew(0.36deg); } 25% { clip: rect(36px, 9999px, 42px, 0); transform: skew(0.7deg); } 30% { clip: rect(23px, 9999px, 30px, 0); transform: skew(0.94deg); } 35% { clip: rect(60px, 9999px, 96px, 0); transform: skew(0.27deg); } 40% { clip: rect(30px, 9999px, 41px, 0); transform: skew(0.64deg); } 45% { clip: rect(89px, 9999px, 94px, 0); transform: skew(0.64deg); } 50% { clip: rect(57px, 9999px, 27px, 0); transform: skew(0.07deg); } 55% { clip: rect(9px, 9999px, 19px, 0); transform: skew(0.25deg); } 60% { clip: rect(4px, 9999px, 29px, 0); transform: skew(0.37deg); } 65% { clip: rect(34px, 9999px, 66px, 0); transform: skew(0.86deg); } 70% { clip: rect(19px, 9999px, 91px, 0); transform: skew(0.17deg); } 75% { clip: rect(20px, 9999px, 86px, 0); transform: skew(0.35deg); } 80% { clip: rect(22px, 9999px, 90px, 0); transform: skew(0.2deg); } 85% { clip: rect(93px, 9999px, 33px, 0); transform: skew(0.39deg); } 90% { clip: rect(88px, 9999px, 19px, 0); transform: skew(0.19deg); } 95% { clip: rect(30px, 9999px, 3px, 0); transform: skew(0.95deg); } 100% { clip: rect(73px, 9999px, 27px, 0); transform: skew(0.89deg); } } @keyframes glitch-skew { 0% { transform: skew(-2deg); } 10% { transform: skew(-4deg); } 20% { transform: skew(2deg); } 30% { transform: skew(5deg); } 40% { transform: skew(2deg); } 50% { transform: skew(4deg); } 60% { transform: skew(-2deg); } 70% { transform: skew(1deg); } 80% { transform: skew(5deg); } 90% { transform: skew(4deg); } 100% { transform: skew(-2deg); } } .scene { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .snow { top: -50%; position: absolute; width: 20px; height: 20px; background: url(https://icons.iconarchive.com/icons/cjdowner/cryptocurrency-flat/1024/Ethereum-ETH-icon.png); border-radius: 50%; background-size: 100%; } .snow:nth-child(1) { opacity: 0.7008; transform: translate(88.0499vw, -10px) scale(0.0082); animation: fall-1 14s -5s linear infinite; } @keyframes fall-1 { 40.967% { transform: translate(83.493vw, 40.967vh) scale(0.0082); } to { transform: translate(85.77145vw, 100vh) scale(0.0082); } } .snow:nth-child(2) { opacity: 0.4972; transform: translate(11.4803vw, -10px) scale(0.9005); animation: fall-2 14s -4s linear infinite; } @keyframes fall-2 { 45.764% { transform: translate(4.8798vw, 45.764vh) scale(0.9005); } to { transform: translate(8.18005vw, 100vh) scale(0.9005); } } .snow:nth-child(3) { opacity: 0.0147; transform: translate(71.8745vw, -10px) scale(0.2191); animation: fall-3 22s -5s linear infinite; } @keyframes fall-3 { 51.864% { transform: translate(71.6004vw, 51.864vh) scale(0.2191); } to { transform: translate(71.73745vw, 100vh) scale(0.2191); } } .snow:nth-child(4) { opacity: 0.3138; transform: translate(31.8287vw, -10px) scale(0.8262); animation: fall-4 24s -9s linear infinite; } @keyframes fall-4 { 32.166% { transform: translate(38.7043vw, 32.166vh) scale(0.8262); } to { transform: translate(35.2665vw, 100vh) scale(0.8262); } } .snow:nth-child(5) { opacity: 0.7621; transform: translate(22.2127vw, -10px) scale(0.2365); animation: fall-5 22s -22s linear infinite; } @keyframes fall-5 { 50.762% { transform: translate(23.0821vw, 50.762vh) scale(0.2365); } to { transform: translate(22.6474vw, 100vh) scale(0.2365); } } .snow:nth-child(6) { opacity: 0.1154; transform: translate(8.933vw, -10px) scale(0.392); animation: fall-6 17s -21s linear infinite; } @keyframes fall-6 { 58.276% { transform: translate(15.3656vw, 58.276vh) scale(0.392); } to { transform: translate(12.1493vw, 100vh) scale(0.392); } } .snow:nth-child(7) { opacity: 0.8165; transform: translate(18.1336vw, -10px) scale(0.8355); animation: fall-7 28s -16s linear infinite; } @keyframes fall-7 { 70.631% { transform: translate(14.6469vw, 70.631vh) scale(0.8355); } to { transform: translate(16.39025vw, 100vh) scale(0.8355); } } .snow:nth-child(8) { opacity: 0.1794; transform: translate(69.876vw, -10px) scale(0.2372); animation: fall-8 17s -18s linear infinite; } @keyframes fall-8 { 33.908% { transform: translate(61.3291vw, 33.908vh) scale(0.2372); } to { transform: translate(65.60255vw, 100vh) scale(0.2372); } } .snow:nth-child(9) { opacity: 0.3474; transform: translate(90.994vw, -10px) scale(0.7951); animation: fall-9 22s -12s linear infinite; } @keyframes fall-9 { 45.9% { transform: translate(81.6826vw, 45.9vh) scale(0.7951); } to { transform: translate(86.3383vw, 100vh) scale(0.7951); } } .snow:nth-child(10) { opacity: 0.4453; transform: translate(38.3368vw, -10px) scale(0.0851); animation: fall-10 14s -13s linear infinite; } @keyframes fall-10 { 47.609% { transform: translate(43.8179vw, 47.609vh) scale(0.0851); } to { transform: translate(41.07735vw, 100vh) scale(0.0851); } } .snow:nth-child(11) { opacity: 0.4478; transform: translate(66.4802vw, -10px) scale(0.7186); animation: fall-11 28s -30s linear infinite; } @keyframes fall-11 { 59.932% { transform: translate(73.7349vw, 59.932vh) scale(0.7186); } to { transform: translate(70.10755vw, 100vh) scale(0.7186); } } .snow:nth-child(12) { opacity: 0.3007; transform: translate(36.0095vw, -10px) scale(0.6347); animation: fall-12 17s -11s linear infinite; } @keyframes fall-12 { 56.534% { transform: translate(42.0492vw, 56.534vh) scale(0.6347); } to { transform: translate(39.02935vw, 100vh) scale(0.6347); } } .snow:nth-child(13) { opacity: 0.3903; transform: translate(45.8778vw, -10px) scale(0.2553); animation: fall-13 12s -8s linear infinite; } @keyframes fall-13 { 41.365% { transform: translate(54.475vw, 41.365vh) scale(0.2553); } to { transform: translate(50.1764vw, 100vh) scale(0.2553); } } .snow:nth-child(14) { opacity: 0.509; transform: translate(44.4839vw, -10px) scale(0.6239); animation: fall-14 29s -1s linear infinite; } @keyframes fall-14 { 36.303% { transform: translate(51.0882vw, 36.303vh) scale(0.6239); } to { transform: translate(47.78605vw, 100vh) scale(0.6239); } } .snow:nth-child(15) { opacity: 0.5543; transform: translate(83.9126vw, -10px) scale(0.4987); animation: fall-15 26s -1s linear infinite; } @keyframes fall-15 { 35.85% { transform: translate(82.9324vw, 35.85vh) scale(0.4987); } to { transform: translate(83.4225vw, 100vh) scale(0.4987); } } .snow:nth-child(16) { opacity: 0.167; transform: translate(77.4246vw, -10px) scale(0.9346); animation: fall-16 26s -19s linear infinite; } @keyframes fall-16 { 40.28% { transform: translate(82.3161vw, 40.28vh) scale(0.9346); } to { transform: translate(79.87035vw, 100vh) scale(0.9346); } } .snow:nth-child(17) { opacity: 0.3031; transform: translate(90.7588vw, -10px) scale(0.2596); animation: fall-17 11s -14s linear infinite; } @keyframes fall-17 { 74.857% { transform: translate(87.7878vw, 74.857vh) scale(0.2596); } to { transform: translate(89.2733vw, 100vh) scale(0.2596); } } .snow:nth-child(18) { opacity: 0.6555; transform: translate(23.2771vw, -10px) scale(0.5923); animation: fall-18 17s -25s linear infinite; } @keyframes fall-18 { 36.388% { transform: translate(23.9665vw, 36.388vh) scale(0.5923); } to { transform: translate(23.6218vw, 100vh) scale(0.5923); } } .snow:nth-child(19) { opacity: 0.8314; transform: translate(64.9405vw, -10px) scale(0.1536); animation: fall-19 20s -21s linear infinite; } @keyframes fall-19 { 69.907% { transform: translate(73.3245vw, 69.907vh) scale(0.1536); } to { transform: translate(69.1325vw, 100vh) scale(0.1536); } } .snow:nth-child(20) { opacity: 0.9983; transform: translate(73.0922vw, -10px) scale(0.3586); animation: fall-20 14s -4s linear infinite; } @keyframes fall-20 { 56.344% { transform: translate(72.8414vw, 56.344vh) scale(0.3586); } to { transform: translate(72.9668vw, 100vh) scale(0.3586); } } .snow:nth-child(21) { opacity: 0.7551; transform: translate(29.9682vw, -10px) scale(0.4331); animation: fall-21 17s -6s linear infinite; } @keyframes fall-21 { 77.017% { transform: translate(34.1678vw, 77.017vh) scale(0.4331); } to { transform: translate(32.068vw, 100vh) scale(0.4331); } } .snow:nth-child(22) { opacity: 0.4357; transform: translate(98.7462vw, -10px) scale(0.4179); animation: fall-22 12s -22s linear infinite; } @keyframes fall-22 { 52.025% { transform: translate(105.8661vw, 52.025vh) scale(0.4179); } to { transform: translate(102.30615vw, 100vh) scale(0.4179); } } .snow:nth-child(23) { opacity: 0.0106; transform: translate(20.6852vw, -10px) scale(0.323); animation: fall-23 29s -9s linear infinite; } @keyframes fall-23 { 70.112% { transform: translate(14.7397vw, 70.112vh) scale(0.323); } to { transform: translate(17.71245vw, 100vh) scale(0.323); } } .snow:nth-child(24) { opacity: 0.9532; transform: translate(76.0693vw, -10px) scale(0.4436); animation: fall-24 29s -11s linear infinite; } @keyframes fall-24 { 47.684% { transform: translate(66.7992vw, 47.684vh) scale(0.4436); } to { transform: translate(71.43425vw, 100vh) scale(0.4436); } } .snow:nth-child(25) { opacity: 0.1986; transform: translate(77.7117vw, -10px) scale(0.3838); animation: fall-25 27s -4s linear infinite; } @keyframes fall-25 { 37.499% { transform: translate(79.6199vw, 37.499vh) scale(0.3838); } to { transform: translate(78.6658vw, 100vh) scale(0.3838); } } .snow:nth-child(26) { opacity: 0.1703; transform: translate(16.5518vw, -10px) scale(0.7697); animation: fall-26 17s -20s linear infinite; } @keyframes fall-26 { 41.514% { transform: translate(21.9624vw, 41.514vh) scale(0.7697); } to { transform: translate(19.2571vw, 100vh) scale(0.7697); } } .snow:nth-child(27) { opacity: 0.3745; transform: translate(13.2471vw, -10px) scale(0.2013); animation: fall-27 10s -14s linear infinite; } @keyframes fall-27 { 68.778% { transform: translate(18.952vw, 68.778vh) scale(0.2013); } to { transform: translate(16.09955vw, 100vh) scale(0.2013); } } .snow:nth-child(28) { opacity: 0.7319; transform: translate(12.8179vw, -10px) scale(0.6425); animation: fall-28 29s -10s linear infinite; } @keyframes fall-28 { 53.232% { transform: translate(4.488vw, 53.232vh) scale(0.6425); } to { transform: translate(8.65295vw, 100vh) scale(0.6425); } } .snow:nth-child(29) { opacity: 0.0025; transform: translate(34.8653vw, -10px) scale(0.4391); animation: fall-29 17s -24s linear infinite; } @keyframes fall-29 { 63.35% { transform: translate(42.4826vw, 63.35vh) scale(0.4391); } to { transform: translate(38.67395vw, 100vh) scale(0.4391); } } .snow:nth-child(30) { opacity: 0.5309; transform: translate(91.2791vw, -10px) scale(0.5791); animation: fall-30 25s -13s linear infinite; } @keyframes fall-30 { 40.915% { transform: translate(90.781vw, 40.915vh) scale(0.5791); } to { transform: translate(91.03005vw, 100vh) scale(0.5791); } } .snow:nth-child(31) { opacity: 0.5907; transform: translate(94.1538vw, -10px) scale(0.6229); animation: fall-31 12s -1s linear infinite; } @keyframes fall-31 { 66.236% { transform: translate(101.3094vw, 66.236vh) scale(0.6229); } to { transform: translate(97.7316vw, 100vh) scale(0.6229); } } .snow:nth-child(32) { opacity: 0.6627; transform: translate(44.8543vw, -10px) scale(0.3213); animation: fall-32 15s -21s linear infinite; } @keyframes fall-32 { 61.677% { transform: translate(39.288vw, 61.677vh) scale(0.3213); } to { transform: translate(42.07115vw, 100vh) scale(0.3213); } } .snow:nth-child(33) { opacity: 0.7811; transform: translate(22.9918vw, -10px) scale(0.0243); animation: fall-33 27s -13s linear infinite; } @keyframes fall-33 { 34.804% { transform: translate(31.4037vw, 34.804vh) scale(0.0243); } to { transform: translate(27.19775vw, 100vh) scale(0.0243); } } .snow:nth-child(34) { opacity: 0.2991; transform: translate(89.0776vw, -10px) scale(0.9592); animation: fall-34 27s -19s linear infinite; } @keyframes fall-34 { 35.361% { transform: translate(83.1557vw, 35.361vh) scale(0.9592); } to { transform: translate(86.11665vw, 100vh) scale(0.9592); } } .snow:nth-child(35) { opacity: 0.1947; transform: translate(30.6293vw, -10px) scale(0.5738); animation: fall-35 23s -26s linear infinite; } @keyframes fall-35 { 73.831% { transform: translate(29.4063vw, 73.831vh) scale(0.5738); } to { transform: translate(30.0178vw, 100vh) scale(0.5738); } } .snow:nth-child(36) { opacity: 0.4468; transform: translate(96.046vw, -10px) scale(0.5979); animation: fall-36 20s -23s linear infinite; } @keyframes fall-36 { 46.813% { transform: translate(93.5633vw, 46.813vh) scale(0.5979); } to { transform: translate(94.80465vw, 100vh) scale(0.5979); } } .snow:nth-child(37) { opacity: 0.554; transform: translate(51.3604vw, -10px) scale(0.2223); animation: fall-37 17s -24s linear infinite; } @keyframes fall-37 { 44.956% { transform: translate(54.278vw, 44.956vh) scale(0.2223); } to { transform: translate(52.8192vw, 100vh) scale(0.2223); } } .snow:nth-child(38) { opacity: 0.7418; transform: translate(41.4139vw, -10px) scale(0.7827); animation: fall-38 30s -3s linear infinite; } @keyframes fall-38 { 47.763% { transform: translate(43.3824vw, 47.763vh) scale(0.7827); } to { transform: translate(42.39815vw, 100vh) scale(0.7827); } } .snow:nth-child(39) { opacity: 0.3631; transform: translate(97.3478vw, -10px) scale(0.0879); animation: fall-39 21s -28s linear infinite; } @keyframes fall-39 { 39.256% { transform: translate(95.1543vw, 39.256vh) scale(0.0879); } to { transform: translate(96.25105vw, 100vh) scale(0.0879); } } .snow:nth-child(40) { opacity: 0.7745; transform: translate(97.2454vw, -10px) scale(0.6918); animation: fall-40 13s -24s linear infinite; } @keyframes fall-40 { 56.148% { transform: translate(104.176vw, 56.148vh) scale(0.6918); } to { transform: translate(100.7107vw, 100vh) scale(0.6918); } } .snow:nth-child(41) { opacity: 0.8645; transform: translate(89.7542vw, -10px) scale(0.3971); animation: fall-41 11s -15s linear infinite; } @keyframes fall-41 { 65.24% { transform: translate(99.1614vw, 65.24vh) scale(0.3971); } to { transform: translate(94.4578vw, 100vh) scale(0.3971); } } .snow:nth-child(42) { opacity: 0.0328; transform: translate(2.5928vw, -10px) scale(0.0206); animation: fall-42 17s -9s linear infinite; } @keyframes fall-42 { 57.809% { transform: translate(-5.684vw, 57.809vh) scale(0.0206); } to { transform: translate(-1.5456vw, 100vh) scale(0.0206); } } .snow:nth-child(43) { opacity: 0.5128; transform: translate(61.5912vw, -10px) scale(0.8333); animation: fall-43 17s -16s linear infinite; } @keyframes fall-43 { 38.276% { transform: translate(59.5508vw, 38.276vh) scale(0.8333); } to { transform: translate(60.571vw, 100vh) scale(0.8333); } } .snow:nth-child(44) { opacity: 0.5886; transform: translate(78.3928vw, -10px) scale(0.0029); animation: fall-44 23s -26s linear infinite; } @keyframes fall-44 { 58.916% { transform: translate(84.9006vw, 58.916vh) scale(0.0029); } to { transform: translate(81.6467vw, 100vh) scale(0.0029); } } .snow:nth-child(45) { opacity: 0.4595; transform: translate(51.5243vw, -10px) scale(0.8456); animation: fall-45 20s -10s linear infinite; } @keyframes fall-45 { 75.842% { transform: translate(42.3768vw, 75.842vh) scale(0.8456); } to { transform: translate(46.95055vw, 100vh) scale(0.8456); } } .snow:nth-child(46) { opacity: 0.4169; transform: translate(4.3902vw, -10px) scale(0.5658); animation: fall-46 29s -3s linear infinite; } @keyframes fall-46 { 47.029% { transform: translate(5.9682vw, 47.029vh) scale(0.5658); } to { transform: translate(5.1792vw, 100vh) scale(0.5658); } } .snow:nth-child(47) { opacity: 0.6343; transform: translate(2.9317vw, -10px) scale(0.0778); animation: fall-47 22s -16s linear infinite; } @keyframes fall-47 { 74.11% { transform: translate(-1.6339vw, 74.11vh) scale(0.0778); } to { transform: translate(0.6489vw, 100vh) scale(0.0778); } } .snow:nth-child(48) { opacity: 0.318; transform: translate(40.0574vw, -10px) scale(0.6708); animation: fall-48 18s -14s linear infinite; } @keyframes fall-48 { 68.414% { transform: translate(31.9276vw, 68.414vh) scale(0.6708); } to { transform: translate(35.9925vw, 100vh) scale(0.6708); } } .snow:nth-child(49) { opacity: 0.3498; transform: translate(31.7689vw, -10px) scale(0.6869); animation: fall-49 15s -7s linear infinite; } @keyframes fall-49 { 78.66% { transform: translate(29.7775vw, 78.66vh) scale(0.6869); } to { transform: translate(30.7732vw, 100vh) scale(0.6869); } } .snow:nth-child(50) { opacity: 0.8059; transform: translate(38.9509vw, -10px) scale(0.3088); animation: fall-50 26s -2s linear infinite; } @keyframes fall-50 { 35.694% { transform: translate(42.5443vw, 35.694vh) scale(0.3088); } to { transform: translate(40.7476vw, 100vh) scale(0.3088); } } .snow:nth-child(51) { opacity: 0.1961; transform: translate(49.4989vw, -10px) scale(0.0686); animation: fall-51 10s -3s linear infinite; } @keyframes fall-51 { 34.245% { transform: translate(56.5729vw, 34.245vh) scale(0.0686); } to { transform: translate(53.0359vw, 100vh) scale(0.0686); } } .snow:nth-child(52) { opacity: 0.5928; transform: translate(75.3367vw, -10px) scale(0.675); animation: fall-52 16s -15s linear infinite; } @keyframes fall-52 { 40.29% { transform: translate(82.3297vw, 40.29vh) scale(0.675); } to { transform: translate(78.8332vw, 100vh) scale(0.675); } } .snow:nth-child(53) { opacity: 0.483; transform: translate(95.2605vw, -10px) scale(0.7056); animation: fall-53 18s -1s linear infinite; } @keyframes fall-53 { 77.042% { transform: translate(103.4096vw, 77.042vh) scale(0.7056); } to { transform: translate(99.33505vw, 100vh) scale(0.7056); } } .snow:nth-child(54) { opacity: 0.0714; transform: translate(8.5297vw, -10px) scale(0.0964); animation: fall-54 27s -26s linear infinite; } @keyframes fall-54 { 62.604% { transform: translate(11.905vw, 62.604vh) scale(0.0964); } to { transform: translate(10.21735vw, 100vh) scale(0.0964); } } .snow:nth-child(55) { opacity: 0.7871; transform: translate(87.9456vw, -10px) scale(0.1615); animation: fall-55 27s -21s linear infinite; } @keyframes fall-55 { 40.539% { transform: translate(80.0537vw, 40.539vh) scale(0.1615); } to { transform: translate(83.99965vw, 100vh) scale(0.1615); } } .snow:nth-child(56) { opacity: 0.1128; transform: translate(92.1478vw, -10px) scale(0.2064); animation: fall-56 13s -21s linear infinite; } @keyframes fall-56 { 59.285% { transform: translate(85.6935vw, 59.285vh) scale(0.2064); } to { transform: translate(88.92065vw, 100vh) scale(0.2064); } } .snow:nth-child(57) { opacity: 0.0982; transform: translate(87.6749vw, -10px) scale(0.4805); animation: fall-57 20s -19s linear infinite; } @keyframes fall-57 { 53.081% { transform: translate(85.2693vw, 53.081vh) scale(0.4805); } to { transform: translate(86.4721vw, 100vh) scale(0.4805); } } .snow:nth-child(58) { opacity: 0.3462; transform: translate(49.7053vw, -10px) scale(0.2655); animation: fall-58 26s -18s linear infinite; } @keyframes fall-58 { 61.191% { transform: translate(58.2455vw, 61.191vh) scale(0.2655); } to { transform: translate(53.9754vw, 100vh) scale(0.2655); } } .snow:nth-child(59) { opacity: 0.5401; transform: translate(14.1272vw, -10px) scale(0.0697); animation: fall-59 29s -10s linear infinite; } @keyframes fall-59 { 34.461% { transform: translate(18.175vw, 34.461vh) scale(0.0697); } to { transform: translate(16.1511vw, 100vh) scale(0.0697); } } .snow:nth-child(60) { opacity: 0.7594; transform: translate(25.1344vw, -10px) scale(0.6057); animation: fall-60 19s -27s linear infinite; } @keyframes fall-60 { 48.872% { transform: translate(20.8712vw, 48.872vh) scale(0.6057); } to { transform: translate(23.0028vw, 100vh) scale(0.6057); } } .snow:nth-child(61) { opacity: 0.2375; transform: translate(44.3543vw, -10px) scale(0.6402); animation: fall-61 13s -30s linear infinite; } @keyframes fall-61 { 46.646% { transform: translate(52.204vw, 46.646vh) scale(0.6402); } to { transform: translate(48.27915vw, 100vh) scale(0.6402); } } .snow:nth-child(62) { opacity: 0.7314; transform: translate(69.9079vw, -10px) scale(0.3889); animation: fall-62 28s -6s linear infinite; } @keyframes fall-62 { 75.466% { transform: translate(67.436vw, 75.466vh) scale(0.3889); } to { transform: translate(68.67195vw, 100vh) scale(0.3889); } } .snow:nth-child(63) { opacity: 0.1836; transform: translate(98.7505vw, -10px) scale(0.0908); animation: fall-63 27s -21s linear infinite; } @keyframes fall-63 { 70.137% { transform: translate(95.529vw, 70.137vh) scale(0.0908); } to { transform: translate(97.13975vw, 100vh) scale(0.0908); } } .snow:nth-child(64) { opacity: 0.7287; transform: translate(55.5245vw, -10px) scale(0.5202); animation: fall-64 16s -30s linear infinite; } @keyframes fall-64 { 74.097% { transform: translate(47.4871vw, 74.097vh) scale(0.5202); } to { transform: translate(51.5058vw, 100vh) scale(0.5202); } } .snow:nth-child(65) { opacity: 0.3922; transform: translate(13.3674vw, -10px) scale(0.3377); animation: fall-65 22s -28s linear infinite; } @keyframes fall-65 { 59.946% { transform: translate(6.9489vw, 59.946vh) scale(0.3377); } to { transform: translate(10.15815vw, 100vh) scale(0.3377); } } .snow:nth-child(66) { opacity: 0.2428; transform: translate(71.7594vw, -10px) scale(0.1829); animation: fall-66 10s -13s linear infinite; } @keyframes fall-66 { 54.749% { transform: translate(64.1617vw, 54.749vh) scale(0.1829); } to { transform: translate(67.96055vw, 100vh) scale(0.1829); } } .snow:nth-child(67) { opacity: 0.3749; transform: translate(3.9397vw, -10px) scale(0.2126); animation: fall-67 18s -21s linear infinite; } @keyframes fall-67 { 64.327% { transform: translate(-4.3314vw, 64.327vh) scale(0.2126); } to { transform: translate(-0.19585vw, 100vh) scale(0.2126); } } .snow:nth-child(68) { opacity: 0.6274; transform: translate(8.1185vw, -10px) scale(0.4097); animation: fall-68 15s -19s linear infinite; } @keyframes fall-68 { 74.498% { transform: translate(17.037vw, 74.498vh) scale(0.4097); } to { transform: translate(12.57775vw, 100vh) scale(0.4097); } } .snow:nth-child(69) { opacity: 0.4375; transform: translate(32.2286vw, -10px) scale(0.3191); animation: fall-69 15s -17s linear infinite; } @keyframes fall-69 { 41.141% { transform: translate(31.6801vw, 41.141vh) scale(0.3191); } to { transform: translate(31.95435vw, 100vh) scale(0.3191); } } .snow:nth-child(70) { opacity: 0.4624; transform: translate(29.8377vw, -10px) scale(0.8343); animation: fall-70 11s -12s linear infinite; } @keyframes fall-70 { 77.169% { transform: translate(38.1294vw, 77.169vh) scale(0.8343); } to { transform: translate(33.98355vw, 100vh) scale(0.8343); } } .snow:nth-child(71) { opacity: 0.2006; transform: translate(42.2962vw, -10px) scale(0.1974); animation: fall-71 15s -26s linear infinite; } @keyframes fall-71 { 40.652% { transform: translate(49.8049vw, 40.652vh) scale(0.1974); } to { transform: translate(46.05055vw, 100vh) scale(0.1974); } } .snow:nth-child(72) { opacity: 0.457; transform: translate(37.1143vw, -10px) scale(0.5158); animation: fall-72 13s -10s linear infinite; } @keyframes fall-72 { 32.954% { transform: translate(45.043vw, 32.954vh) scale(0.5158); } to { transform: translate(41.07865vw, 100vh) scale(0.5158); } } .snow:nth-child(73) { opacity: 0.8386; transform: translate(13.3272vw, -10px) scale(0.631); animation: fall-73 16s -5s linear infinite; } @keyframes fall-73 { 62.608% { transform: translate(14.4708vw, 62.608vh) scale(0.631); } to { transform: translate(13.899vw, 100vh) scale(0.631); } } .snow:nth-child(74) { opacity: 0.5157; transform: translate(46.6805vw, -10px) scale(0.217); animation: fall-74 21s -15s linear infinite; } @keyframes fall-74 { 38.841% { transform: translate(52.1102vw, 38.841vh) scale(0.217); } to { transform: translate(49.39535vw, 100vh) scale(0.217); } } .snow:nth-child(75) { opacity: 0.2552; transform: translate(40.9825vw, -10px) scale(0.4687); animation: fall-75 11s -25s linear infinite; } @keyframes fall-75 { 77.649% { transform: translate(33.5176vw, 77.649vh) scale(0.4687); } to { transform: translate(37.25005vw, 100vh) scale(0.4687); } } .snow:nth-child(76) { opacity: 0.9681; transform: translate(51.6752vw, -10px) scale(0.5752); animation: fall-76 10s -11s linear infinite; } @keyframes fall-76 { 79.826% { transform: translate(58.9238vw, 79.826vh) scale(0.5752); } to { transform: translate(55.2995vw, 100vh) scale(0.5752); } } .snow:nth-child(77) { opacity: 0.5718; transform: translate(30.6434vw, -10px) scale(0.0335); animation: fall-77 22s -24s linear infinite; } @keyframes fall-77 { 74.571% { transform: translate(29.5815vw, 74.571vh) scale(0.0335); } to { transform: translate(30.11245vw, 100vh) scale(0.0335); } } .snow:nth-child(78) { opacity: 0.5911; transform: translate(38.9115vw, -10px) scale(0.4433); animation: fall-78 10s -19s linear infinite; } @keyframes fall-78 { 69.277% { transform: translate(29.5664vw, 69.277vh) scale(0.4433); } to { transform: translate(34.23895vw, 100vh) scale(0.4433); } } .snow:nth-child(79) { opacity: 0.498; transform: translate(23.6677vw, -10px) scale(0.9007); animation: fall-79 20s -15s linear infinite; } @keyframes fall-79 { 38.009% { transform: translate(14.6946vw, 38.009vh) scale(0.9007); } to { transform: translate(19.18115vw, 100vh) scale(0.9007); } } .snow:nth-child(80) { opacity: 0.5549; transform: translate(58.4121vw, -10px) scale(0.7139); animation: fall-80 19s -5s linear infinite; } @keyframes fall-80 { 40.59% { transform: translate(64.8629vw, 40.59vh) scale(0.7139); } to { transform: translate(61.6375vw, 100vh) scale(0.7139); } } .snow:nth-child(81) { opacity: 0.688; transform: translate(44.8055vw, -10px) scale(0.1661); animation: fall-81 16s -14s linear infinite; } @keyframes fall-81 { 74.293% { transform: translate(38.5646vw, 74.293vh) scale(0.1661); } to { transform: translate(41.68505vw, 100vh) scale(0.1661); } } .snow:nth-child(82) { opacity: 0.1461; transform: translate(22.6045vw, -10px) scale(0.8799); animation: fall-82 28s -21s linear infinite; } @keyframes fall-82 { 75.442% { transform: translate(20.0631vw, 75.442vh) scale(0.8799); } to { transform: translate(21.3338vw, 100vh) scale(0.8799); } } .snow:nth-child(83) { opacity: 0.8389; transform: translate(42.3298vw, -10px) scale(0.5536); animation: fall-83 12s -27s linear infinite; } @keyframes fall-83 { 77.264% { transform: translate(43.6369vw, 77.264vh) scale(0.5536); } to { transform: translate(42.98335vw, 100vh) scale(0.5536); } } .snow:nth-child(84) { opacity: 0.7685; transform: translate(5.4968vw, -10px) scale(0.1319); animation: fall-84 20s -2s linear infinite; } @keyframes fall-84 { 76.43% { transform: translate(4.7346vw, 76.43vh) scale(0.1319); } to { transform: translate(5.1157vw, 100vh) scale(0.1319); } } .snow:nth-child(85) { opacity: 0.5814; transform: translate(3.6856vw, -10px) scale(0.8533); animation: fall-85 27s -2s linear infinite; } @keyframes fall-85 { 32.772% { transform: translate(2.0249vw, 32.772vh) scale(0.8533); } to { transform: translate(2.85525vw, 100vh) scale(0.8533); } } .snow:nth-child(86) { opacity: 0.0548; transform: translate(90.3781vw, -10px) scale(0.5921); animation: fall-86 18s -16s linear infinite; } @keyframes fall-86 { 78.699% { transform: translate(93.006vw, 78.699vh) scale(0.5921); } to { transform: translate(91.69205vw, 100vh) scale(0.5921); } } .snow:nth-child(87) { opacity: 0.1045; transform: translate(87.4521vw, -10px) scale(0.5739); animation: fall-87 15s -20s linear infinite; } @keyframes fall-87 { 45.045% { transform: translate(88.9879vw, 45.045vh) scale(0.5739); } to { transform: translate(88.22vw, 100vh) scale(0.5739); } } .snow:nth-child(88) { opacity: 0.045; transform: translate(20.9874vw, -10px) scale(0.1932); animation: fall-88 18s -29s linear infinite; } @keyframes fall-88 { 58.753% { transform: translate(12.7607vw, 58.753vh) scale(0.1932); } to { transform: translate(16.87405vw, 100vh) scale(0.1932); } } .snow:nth-child(89) { opacity: 0.1824; transform: translate(47.5388vw, -10px) scale(0.0473); animation: fall-89 15s -16s linear infinite; } @keyframes fall-89 { 51.888% { transform: translate(52.3304vw, 51.888vh) scale(0.0473); } to { transform: translate(49.9346vw, 100vh) scale(0.0473); } } .snow:nth-child(90) { opacity: 0.7997; transform: translate(98.4091vw, -10px) scale(0.1333); animation: fall-90 15s -1s linear infinite; } @keyframes fall-90 { 34.289% { transform: translate(95.7126vw, 34.289vh) scale(0.1333); } to { transform: translate(97.06085vw, 100vh) scale(0.1333); } } .snow:nth-child(91) { opacity: 0.177; transform: translate(24.5595vw, -10px) scale(0.0826); animation: fall-91 22s -28s linear infinite; } @keyframes fall-91 { 55.136% { transform: translate(20.3682vw, 55.136vh) scale(0.0826); } to { transform: translate(22.46385vw, 100vh) scale(0.0826); } } .snow:nth-child(92) { opacity: 0.8133; transform: translate(87.1601vw, -10px) scale(0.0499); animation: fall-92 10s -13s linear infinite; } @keyframes fall-92 { 55.631% { transform: translate(77.2586vw, 55.631vh) scale(0.0499); } to { transform: translate(82.20935vw, 100vh) scale(0.0499); } } .snow:nth-child(93) { opacity: 0.815; transform: translate(93.9677vw, -10px) scale(0.0183); animation: fall-93 21s -18s linear infinite; } @keyframes fall-93 { 68.522% { transform: translate(90.2669vw, 68.522vh) scale(0.0183); } to { transform: translate(92.1173vw, 100vh) scale(0.0183); } } .snow:nth-child(94) { opacity: 0.6005; transform: translate(92.5684vw, -10px) scale(0.0062); animation: fall-94 26s -25s linear infinite; } @keyframes fall-94 { 62.844% { transform: translate(100.4611vw, 62.844vh) scale(0.0062); } to { transform: translate(96.51475vw, 100vh) scale(0.0062); } } .snow:nth-child(95) { opacity: 0.1344; transform: translate(25.4208vw, -10px) scale(0.9984); animation: fall-95 20s -17s linear infinite; } @keyframes fall-95 { 66.756% { transform: translate(21.9634vw, 66.756vh) scale(0.9984); } to { transform: translate(23.6921vw, 100vh) scale(0.9984); } } .snow:nth-child(96) { opacity: 0.254; transform: translate(91.8834vw, -10px) scale(0.3451); animation: fall-96 11s -9s linear infinite; } @keyframes fall-96 { 61.734% { transform: translate(88.3675vw, 61.734vh) scale(0.3451); } to { transform: translate(90.12545vw, 100vh) scale(0.3451); } } .snow:nth-child(97) { opacity: 0.9157; transform: translate(71.9352vw, -10px) scale(0.7288); animation: fall-97 22s -19s linear infinite; } @keyframes fall-97 { 33.265% { transform: translate(67.8576vw, 33.265vh) scale(0.7288); } to { transform: translate(69.8964vw, 100vh) scale(0.7288); } } .snow:nth-child(98) { opacity: 0.4446; transform: translate(55.9685vw, -10px) scale(0.6871); animation: fall-98 18s -5s linear infinite; } @keyframes fall-98 { 32.689% { transform: translate(59.3913vw, 32.689vh) scale(0.6871); } to { transform: translate(57.6799vw, 100vh) scale(0.6871); } } .snow:nth-child(99) { opacity: 0.3129; transform: translate(97.6826vw, -10px) scale(0.1813); animation: fall-99 21s -17s linear infinite; } @keyframes fall-99 { 78.395% { transform: translate(90.4367vw, 78.395vh) scale(0.1813); } to { transform: translate(94.05965vw, 100vh) scale(0.1813); } } .snow:nth-child(100) { opacity: 0.0491; transform: translate(79.9793vw, -10px) scale(0.0876); animation: fall-100 20s -30s linear infinite; } @keyframes fall-100 { 67.341% { transform: translate(86.1045vw, 67.341vh) scale(0.0876); } to { transform: translate(83.0419vw, 100vh) scale(0.0876); } } .snow:nth-child(101) { opacity: 0.662; transform: translate(28.3867vw, -10px) scale(0.9434); animation: fall-101 12s -6s linear infinite; } @keyframes fall-101 { 56.573% { transform: translate(28.0168vw, 56.573vh) scale(0.9434); } to { transform: translate(28.20175vw, 100vh) scale(0.9434); } } .snow:nth-child(102) { opacity: 0.36; transform: translate(80.3671vw, -10px) scale(0.4303); animation: fall-102 21s -18s linear infinite; } @keyframes fall-102 { 66.804% { transform: translate(89.4241vw, 66.804vh) scale(0.4303); } to { transform: translate(84.8956vw, 100vh) scale(0.4303); } } .snow:nth-child(103) { opacity: 0.7449; transform: translate(54.3744vw, -10px) scale(0.9144); animation: fall-103 19s -30s linear infinite; } @keyframes fall-103 { 55.247% { transform: translate(58.7775vw, 55.247vh) scale(0.9144); } to { transform: translate(56.57595vw, 100vh) scale(0.9144); } } .snow:nth-child(104) { opacity: 0.9946; transform: translate(48.0977vw, -10px) scale(0.9764); animation: fall-104 10s -5s linear infinite; } @keyframes fall-104 { 35.178% { transform: translate(46.8556vw, 35.178vh) scale(0.9764); } to { transform: translate(47.47665vw, 100vh) scale(0.9764); } } .snow:nth-child(105) { opacity: 0.5824; transform: translate(30.1881vw, -10px) scale(0.9931); animation: fall-105 28s -22s linear infinite; } @keyframes fall-105 { 50.608% { transform: translate(25.2563vw, 50.608vh) scale(0.9931); } to { transform: translate(27.7222vw, 100vh) scale(0.9931); } } .snow:nth-child(106) { opacity: 0.5561; transform: translate(38.922vw, -10px) scale(0.6205); animation: fall-106 16s -15s linear infinite; } @keyframes fall-106 { 42.59% { transform: translate(44.1439vw, 42.59vh) scale(0.6205); } to { transform: translate(41.53295vw, 100vh) scale(0.6205); } } .snow:nth-child(107) { opacity: 0.6979; transform: translate(56.8154vw, -10px) scale(0.7381); animation: fall-107 30s -25s linear infinite; } @keyframes fall-107 { 30.269% { transform: translate(56.8929vw, 30.269vh) scale(0.7381); } to { transform: translate(56.85415vw, 100vh) scale(0.7381); } } .snow:nth-child(108) { opacity: 0.867; transform: translate(87.5223vw, -10px) scale(0.9786); animation: fall-108 19s -17s linear infinite; } @keyframes fall-108 { 34.909% { transform: translate(79.7075vw, 34.909vh) scale(0.9786); } to { transform: translate(83.6149vw, 100vh) scale(0.9786); } } .snow:nth-child(109) { opacity: 0.801; transform: translate(63.0892vw, -10px) scale(0.1027); animation: fall-109 28s -6s linear infinite; } @keyframes fall-109 { 50.968% { transform: translate(58.8655vw, 50.968vh) scale(0.1027); } to { transform: translate(60.97735vw, 100vh) scale(0.1027); } } .snow:nth-child(110) { opacity: 0.1738; transform: translate(79.6018vw, -10px) scale(0.3528); animation: fall-110 25s -20s linear infinite; } @keyframes fall-110 { 39.712% { transform: translate(69.8818vw, 39.712vh) scale(0.3528); } to { transform: translate(74.7418vw, 100vh) scale(0.3528); } } .snow:nth-child(111) { opacity: 0.4837; transform: translate(61.3171vw, -10px) scale(0.5377); animation: fall-111 29s -21s linear infinite; } @keyframes fall-111 { 31.192% { transform: translate(51.9992vw, 31.192vh) scale(0.5377); } to { transform: translate(56.65815vw, 100vh) scale(0.5377); } } .snow:nth-child(112) { opacity: 0.811; transform: translate(57.1407vw, -10px) scale(0.723); animation: fall-112 26s -22s linear infinite; } @keyframes fall-112 { 43.92% { transform: translate(63.4119vw, 43.92vh) scale(0.723); } to { transform: translate(60.2763vw, 100vh) scale(0.723); } } .snow:nth-child(113) { opacity: 0.4168; transform: translate(83.2342vw, -10px) scale(0.0727); animation: fall-113 12s -11s linear infinite; } @keyframes fall-113 { 59.783% { transform: translate(85.7122vw, 59.783vh) scale(0.0727); } to { transform: translate(84.4732vw, 100vh) scale(0.0727); } } .snow:nth-child(114) { opacity: 0.6066; transform: translate(84.6016vw, -10px) scale(0.1215); animation: fall-114 27s -2s linear infinite; } @keyframes fall-114 { 32.318% { transform: translate(86.9616vw, 32.318vh) scale(0.1215); } to { transform: translate(85.7816vw, 100vh) scale(0.1215); } } .snow:nth-child(115) { opacity: 0.691; transform: translate(84.7202vw, -10px) scale(0.1104); animation: fall-115 29s -12s linear infinite; } @keyframes fall-115 { 79.946% { transform: translate(85.7474vw, 79.946vh) scale(0.1104); } to { transform: translate(85.2338vw, 100vh) scale(0.1104); } } .snow:nth-child(116) { opacity: 0.5603; transform: translate(10.1174vw, -10px) scale(0.2618); animation: fall-116 20s -16s linear infinite; } @keyframes fall-116 { 72.381% { transform: translate(12.6158vw, 72.381vh) scale(0.2618); } to { transform: translate(11.3666vw, 100vh) scale(0.2618); } } .snow:nth-child(117) { opacity: 0.7537; transform: translate(65.8583vw, -10px) scale(0.4663); animation: fall-117 23s -24s linear infinite; } @keyframes fall-117 { 44.021% { transform: translate(66.8558vw, 44.021vh) scale(0.4663); } to { transform: translate(66.35705vw, 100vh) scale(0.4663); } } .snow:nth-child(118) { opacity: 0.8484; transform: translate(62.2396vw, -10px) scale(0.3538); animation: fall-118 24s -21s linear infinite; } @keyframes fall-118 { 68.235% { transform: translate(59.7838vw, 68.235vh) scale(0.3538); } to { transform: translate(61.0117vw, 100vh) scale(0.3538); } } .snow:nth-child(119) { opacity: 0.5572; transform: translate(65.7305vw, -10px) scale(0.5171); animation: fall-119 25s -28s linear infinite; } @keyframes fall-119 { 40.113% { transform: translate(70.8596vw, 40.113vh) scale(0.5171); } to { transform: translate(68.29505vw, 100vh) scale(0.5171); } } .snow:nth-child(120) { opacity: 0.563; transform: translate(55.2938vw, -10px) scale(0.793); animation: fall-120 23s -14s linear infinite; } @keyframes fall-120 { 57.167% { transform: translate(53.0335vw, 57.167vh) scale(0.793); } to { transform: translate(54.16365vw, 100vh) scale(0.793); } } .snow:nth-child(121) { opacity: 0.0163; transform: translate(16.0913vw, -10px) scale(0.5357); animation: fall-121 22s -29s linear infinite; } @keyframes fall-121 { 49.296% { transform: translate(22.1501vw, 49.296vh) scale(0.5357); } to { transform: translate(19.1207vw, 100vh) scale(0.5357); } } .snow:nth-child(122) { opacity: 0.0659; transform: translate(60.6476vw, -10px) scale(0.0805); animation: fall-122 26s -10s linear infinite; } @keyframes fall-122 { 76.062% { transform: translate(57.108vw, 76.062vh) scale(0.0805); } to { transform: translate(58.8778vw, 100vh) scale(0.0805); } } .snow:nth-child(123) { opacity: 0.6589; transform: translate(66.0253vw, -10px) scale(0.6542); animation: fall-123 22s -1s linear infinite; } @keyframes fall-123 { 58.956% { transform: translate(56.1996vw, 58.956vh) scale(0.6542); } to { transform: translate(61.11245vw, 100vh) scale(0.6542); } } .snow:nth-child(124) { opacity: 0.479; transform: translate(66.6776vw, -10px) scale(0.7139); animation: fall-124 20s -23s linear infinite; } @keyframes fall-124 { 37.1% { transform: translate(64.6232vw, 37.1vh) scale(0.7139); } to { transform: translate(65.6504vw, 100vh) scale(0.7139); } } .snow:nth-child(125) { opacity: 0.0158; transform: translate(97.7199vw, -10px) scale(0.6185); animation: fall-125 18s -12s linear infinite; } @keyframes fall-125 { 63.215% { transform: translate(91.8214vw, 63.215vh) scale(0.6185); } to { transform: translate(94.77065vw, 100vh) scale(0.6185); } } .snow:nth-child(126) { opacity: 0.0335; transform: translate(43.9962vw, -10px) scale(0.1054); animation: fall-126 13s -29s linear infinite; } @keyframes fall-126 { 43.264% { transform: translate(42.6592vw, 43.264vh) scale(0.1054); } to { transform: translate(43.3277vw, 100vh) scale(0.1054); } } .snow:nth-child(127) { opacity: 0.018; transform: translate(5.092vw, -10px) scale(0.931); animation: fall-127 15s -4s linear infinite; } @keyframes fall-127 { 63.013% { transform: translate(9.0069vw, 63.013vh) scale(0.931); } to { transform: translate(7.04945vw, 100vh) scale(0.931); } } .snow:nth-child(128) { opacity: 0.9448; transform: translate(30.467vw, -10px) scale(0.6304); animation: fall-128 30s -15s linear infinite; } @keyframes fall-128 { 52.307% { transform: translate(38.9873vw, 52.307vh) scale(0.6304); } to { transform: translate(34.72715vw, 100vh) scale(0.6304); } } .snow:nth-child(129) { opacity: 0.9368; transform: translate(22.5085vw, -10px) scale(0.3108); animation: fall-129 13s -10s linear infinite; } @keyframes fall-129 { 67.335% { transform: translate(27.478vw, 67.335vh) scale(0.3108); } to { transform: translate(24.99325vw, 100vh) scale(0.3108); } } .snow:nth-child(130) { opacity: 0.5303; transform: translate(70.3003vw, -10px) scale(0.6926); animation: fall-130 21s -5s linear infinite; } @keyframes fall-130 { 38.038% { transform: translate(67.3744vw, 38.038vh) scale(0.6926); } to { transform: translate(68.83735vw, 100vh) scale(0.6926); } } .snow:nth-child(131) { opacity: 0.7845; transform: translate(79.777vw, -10px) scale(0.9644); animation: fall-131 16s -11s linear infinite; } @keyframes fall-131 { 38.799% { transform: translate(76.1708vw, 38.799vh) scale(0.9644); } to { transform: translate(77.9739vw, 100vh) scale(0.9644); } } .snow:nth-child(132) { opacity: 0.9414; transform: translate(40.0632vw, -10px) scale(0.1787); animation: fall-132 26s -27s linear infinite; } @keyframes fall-132 { 31.402% { transform: translate(30.1239vw, 31.402vh) scale(0.1787); } to { transform: translate(35.09355vw, 100vh) scale(0.1787); } } .snow:nth-child(133) { opacity: 0.6438; transform: translate(94.8368vw, -10px) scale(0.6535); animation: fall-133 10s -1s linear infinite; } @keyframes fall-133 { 79.314% { transform: translate(102.7846vw, 79.314vh) scale(0.6535); } to { transform: translate(98.8107vw, 100vh) scale(0.6535); } } .snow:nth-child(134) { opacity: 0.7841; transform: translate(8.7142vw, -10px) scale(0.3076); animation: fall-134 18s -24s linear infinite; } @keyframes fall-134 { 37.346% { transform: translate(14.4891vw, 37.346vh) scale(0.3076); } to { transform: translate(11.60165vw, 100vh) scale(0.3076); } } .snow:nth-child(135) { opacity: 0.0882; transform: translate(55.3783vw, -10px) scale(0.8399); animation: fall-135 17s -29s linear infinite; } @keyframes fall-135 { 52.596% { transform: translate(61.4874vw, 52.596vh) scale(0.8399); } to { transform: translate(58.43285vw, 100vh) scale(0.8399); } } .snow:nth-child(136) { opacity: 0.8394; transform: translate(39.4205vw, -10px) scale(0.4563); animation: fall-136 17s -25s linear infinite; } @keyframes fall-136 { 30.766% { transform: translate(32.1809vw, 30.766vh) scale(0.4563); } to { transform: translate(35.8007vw, 100vh) scale(0.4563); } } .snow:nth-child(137) { opacity: 0.7661; transform: translate(2.0059vw, -10px) scale(0.7771); animation: fall-137 16s -11s linear infinite; } @keyframes fall-137 { 76.351% { transform: translate(1.5949vw, 76.351vh) scale(0.7771); } to { transform: translate(1.8004vw, 100vh) scale(0.7771); } } .snow:nth-child(138) { opacity: 0.9442; transform: translate(85.8758vw, -10px) scale(0.6883); animation: fall-138 12s -14s linear infinite; } @keyframes fall-138 { 40.788% { transform: translate(88.4973vw, 40.788vh) scale(0.6883); } to { transform: translate(87.18655vw, 100vh) scale(0.6883); } } .snow:nth-child(139) { opacity: 0.6995; transform: translate(90.1545vw, -10px) scale(0.613); animation: fall-139 22s -22s linear infinite; } @keyframes fall-139 { 36.841% { transform: translate(95.8143vw, 36.841vh) scale(0.613); } to { transform: translate(92.9844vw, 100vh) scale(0.613); } } .snow:nth-child(140) { opacity: 0.6251; transform: translate(60.1809vw, -10px) scale(0.5766); animation: fall-140 18s -3s linear infinite; } @keyframes fall-140 { 46.068% { transform: translate(52.851vw, 46.068vh) scale(0.5766); } to { transform: translate(56.51595vw, 100vh) scale(0.5766); } } .snow:nth-child(141) { opacity: 0.6487; transform: translate(62.488vw, -10px) scale(0.3728); animation: fall-141 17s -26s linear infinite; } @keyframes fall-141 { 53.775% { transform: translate(59.703vw, 53.775vh) scale(0.3728); } to { transform: translate(61.0955vw, 100vh) scale(0.3728); } } .snow:nth-child(142) { opacity: 0.227; transform: translate(45.0619vw, -10px) scale(0.811); animation: fall-142 28s -2s linear infinite; } @keyframes fall-142 { 58.621% { transform: translate(37.8186vw, 58.621vh) scale(0.811); } to { transform: translate(41.44025vw, 100vh) scale(0.811); } } .snow:nth-child(143) { opacity: 0.2051; transform: translate(2.7012vw, -10px) scale(0.3163); animation: fall-143 26s -1s linear infinite; } @keyframes fall-143 { 46.137% { transform: translate(8.0862vw, 46.137vh) scale(0.3163); } to { transform: translate(5.3937vw, 100vh) scale(0.3163); } } .snow:nth-child(144) { opacity: 0.2446; transform: translate(77.9736vw, -10px) scale(0.4403); animation: fall-144 24s -19s linear infinite; } @keyframes fall-144 { 65.6% { transform: translate(82.154vw, 65.6vh) scale(0.4403); } to { transform: translate(80.0638vw, 100vh) scale(0.4403); } } .snow:nth-child(145) { opacity: 0.4435; transform: translate(15.8676vw, -10px) scale(0.4807); animation: fall-145 11s -8s linear infinite; } @keyframes fall-145 { 67.088% { transform: translate(16.9153vw, 67.088vh) scale(0.4807); } to { transform: translate(16.39145vw, 100vh) scale(0.4807); } } .snow:nth-child(146) { opacity: 0.1992; transform: translate(79.9701vw, -10px) scale(0.7037); animation: fall-146 30s -19s linear infinite; } @keyframes fall-146 { 32.66% { transform: translate(84.1845vw, 32.66vh) scale(0.7037); } to { transform: translate(82.0773vw, 100vh) scale(0.7037); } } .snow:nth-child(147) { opacity: 0.2455; transform: translate(90.277vw, -10px) scale(0.6805); animation: fall-147 23s -27s linear infinite; } @keyframes fall-147 { 73.563% { transform: translate(95.4858vw, 73.563vh) scale(0.6805); } to { transform: translate(92.8814vw, 100vh) scale(0.6805); } } .snow:nth-child(148) { opacity: 0.1424; transform: translate(25.895vw, -10px) scale(0.9476); animation: fall-148 26s -17s linear infinite; } @keyframes fall-148 { 74.754% { transform: translate(16.7038vw, 74.754vh) scale(0.9476); } to { transform: translate(21.2994vw, 100vh) scale(0.9476); } } .snow:nth-child(149) { opacity: 0.3933; transform: translate(52.3646vw, -10px) scale(0.7933); animation: fall-149 28s -12s linear infinite; } @keyframes fall-149 { 49.218% { transform: translate(54.3864vw, 49.218vh) scale(0.7933); } to { transform: translate(53.3755vw, 100vh) scale(0.7933); } } .snow:nth-child(150) { opacity: 0.4378; transform: translate(98.4796vw, -10px) scale(0.9303); animation: fall-150 18s -4s linear infinite; } @keyframes fall-150 { 59.606% { transform: translate(95.8285vw, 59.606vh) scale(0.9303); } to { transform: translate(97.15405vw, 100vh) scale(0.9303); } } .snow:nth-child(151) { opacity: 0.3109; transform: translate(54.2788vw, -10px) scale(0.7119); animation: fall-151 18s -30s linear infinite; } @keyframes fall-151 { 54.265% { transform: translate(44.5759vw, 54.265vh) scale(0.7119); } to { transform: translate(49.42735vw, 100vh) scale(0.7119); } } .snow:nth-child(152) { opacity: 0.0045; transform: translate(2.1691vw, -10px) scale(0.5083); animation: fall-152 26s -6s linear infinite; } @keyframes fall-152 { 58.934% { transform: translate(7.4252vw, 58.934vh) scale(0.5083); } to { transform: translate(4.79715vw, 100vh) scale(0.5083); } } .snow:nth-child(153) { opacity: 0.87; transform: translate(26.3671vw, -10px) scale(0.4309); animation: fall-153 20s -21s linear infinite; } @keyframes fall-153 { 62.109% { transform: translate(18.7496vw, 62.109vh) scale(0.4309); } to { transform: translate(22.55835vw, 100vh) scale(0.4309); } } .snow:nth-child(154) { opacity: 0.8981; transform: translate(22.0728vw, -10px) scale(0.4367); animation: fall-154 15s -27s linear infinite; } @keyframes fall-154 { 32.399% { transform: translate(23.6296vw, 32.399vh) scale(0.4367); } to { transform: translate(22.8512vw, 100vh) scale(0.4367); } } .snow:nth-child(155) { opacity: 0.406; transform: translate(0.5183vw, -10px) scale(0.0965); animation: fall-155 26s -7s linear infinite; } @keyframes fall-155 { 38.927% { transform: translate(4.0821vw, 38.927vh) scale(0.0965); } to { transform: translate(2.3002vw, 100vh) scale(0.0965); } } .snow:nth-child(156) { opacity: 0.6675; transform: translate(51.0786vw, -10px) scale(0.809); animation: fall-156 24s -18s linear infinite; } @keyframes fall-156 { 51.112% { transform: translate(51.1765vw, 51.112vh) scale(0.809); } to { transform: translate(51.12755vw, 100vh) scale(0.809); } } .snow:nth-child(157) { opacity: 0.8307; transform: translate(35.5984vw, -10px) scale(0.4232); animation: fall-157 22s -12s linear infinite; } @keyframes fall-157 { 71.527% { transform: translate(38.8433vw, 71.527vh) scale(0.4232); } to { transform: translate(37.22085vw, 100vh) scale(0.4232); } } .snow:nth-child(158) { opacity: 0.8303; transform: translate(12.5515vw, -10px) scale(0.5326); animation: fall-158 13s -19s linear infinite; } @keyframes fall-158 { 49.367% { transform: translate(17.5614vw, 49.367vh) scale(0.5326); } to { transform: translate(15.05645vw, 100vh) scale(0.5326); } } .snow:nth-child(159) { opacity: 0.7754; transform: translate(65.4038vw, -10px) scale(0.3469); animation: fall-159 23s -19s linear infinite; } @keyframes fall-159 { 78.622% { transform: translate(75.1965vw, 78.622vh) scale(0.3469); } to { transform: translate(70.30015vw, 100vh) scale(0.3469); } } .snow:nth-child(160) { opacity: 0.1057; transform: translate(67.7033vw, -10px) scale(0.9797); animation: fall-160 22s -27s linear infinite; } @keyframes fall-160 { 34.613% { transform: translate(70.9806vw, 34.613vh) scale(0.9797); } to { transform: translate(69.34195vw, 100vh) scale(0.9797); } } .snow:nth-child(161) { opacity: 0.1545; transform: translate(40.1595vw, -10px) scale(0.998); animation: fall-161 16s -14s linear infinite; } @keyframes fall-161 { 71.278% { transform: translate(34.7206vw, 71.278vh) scale(0.998); } to { transform: translate(37.44005vw, 100vh) scale(0.998); } } .snow:nth-child(162) { opacity: 0.8914; transform: translate(45.5365vw, -10px) scale(0.1665); animation: fall-162 16s -1s linear infinite; } @keyframes fall-162 { 71.92% { transform: translate(46.8195vw, 71.92vh) scale(0.1665); } to { transform: translate(46.178vw, 100vh) scale(0.1665); } } .snow:nth-child(163) { opacity: 0.127; transform: translate(6.2347vw, -10px) scale(0.2045); animation: fall-163 30s -6s linear infinite; } @keyframes fall-163 { 39.677% { transform: translate(11.4206vw, 39.677vh) scale(0.2045); } to { transform: translate(8.82765vw, 100vh) scale(0.2045); } } .snow:nth-child(164) { opacity: 0.8044; transform: translate(24.7531vw, -10px) scale(0.2396); animation: fall-164 27s -14s linear infinite; } @keyframes fall-164 { 79.335% { transform: translate(26.2541vw, 79.335vh) scale(0.2396); } to { transform: translate(25.5036vw, 100vh) scale(0.2396); } } .snow:nth-child(165) { opacity: 0.2578; transform: translate(47.8005vw, -10px) scale(0.5923); animation: fall-165 15s -14s linear infinite; } @keyframes fall-165 { 49.78% { transform: translate(50.4602vw, 49.78vh) scale(0.5923); } to { transform: translate(49.13035vw, 100vh) scale(0.5923); } } .snow:nth-child(166) { opacity: 0.8036; transform: translate(28.4409vw, -10px) scale(0.4427); animation: fall-166 19s -16s linear infinite; } @keyframes fall-166 { 42.574% { transform: translate(20.1907vw, 42.574vh) scale(0.4427); } to { transform: translate(24.3158vw, 100vh) scale(0.4427); } } .snow:nth-child(167) { opacity: 0.8574; transform: translate(62.0301vw, -10px) scale(0.0868); animation: fall-167 22s -13s linear infinite; } @keyframes fall-167 { 62.32% { transform: translate(61.8995vw, 62.32vh) scale(0.0868); } to { transform: translate(61.9648vw, 100vh) scale(0.0868); } } .snow:nth-child(168) { opacity: 0.1499; transform: translate(42.0443vw, -10px) scale(0.8164); animation: fall-168 23s -22s linear infinite; } @keyframes fall-168 { 63.11% { transform: translate(32.4903vw, 63.11vh) scale(0.8164); } to { transform: translate(37.2673vw, 100vh) scale(0.8164); } } .snow:nth-child(169) { opacity: 0.824; transform: translate(20.5824vw, -10px) scale(0.8501); animation: fall-169 22s -25s linear infinite; } @keyframes fall-169 { 56.088% { transform: translate(13.5811vw, 56.088vh) scale(0.8501); } to { transform: translate(17.08175vw, 100vh) scale(0.8501); } } .snow:nth-child(170) { opacity: 0.1064; transform: translate(53.1843vw, -10px) scale(0.5413); animation: fall-170 18s -22s linear infinite; } @keyframes fall-170 { 50.033% { transform: translate(55.9083vw, 50.033vh) scale(0.5413); } to { transform: translate(54.5463vw, 100vh) scale(0.5413); } } .snow:nth-child(171) { opacity: 0.3756; transform: translate(96.8889vw, -10px) scale(0.4489); animation: fall-171 22s -3s linear infinite; } @keyframes fall-171 { 56.366% { transform: translate(94.8889vw, 56.366vh) scale(0.4489); } to { transform: translate(95.8889vw, 100vh) scale(0.4489); } } .snow:nth-child(172) { opacity: 0.721; transform: translate(6.3003vw, -10px) scale(0.9687); animation: fall-172 29s -3s linear infinite; } @keyframes fall-172 { 65.024% { transform: translate(2.1463vw, 65.024vh) scale(0.9687); } to { transform: translate(4.2233vw, 100vh) scale(0.9687); } } .snow:nth-child(173) { opacity: 0.1622; transform: translate(25.5512vw, -10px) scale(0.4824); animation: fall-173 17s -22s linear infinite; } @keyframes fall-173 { 58.81% { transform: translate(18.0944vw, 58.81vh) scale(0.4824); } to { transform: translate(21.8228vw, 100vh) scale(0.4824); } } .snow:nth-child(174) { opacity: 0.3518; transform: translate(61.8138vw, -10px) scale(0.8287); animation: fall-174 27s -24s linear infinite; } @keyframes fall-174 { 33.166% { transform: translate(58.36vw, 33.166vh) scale(0.8287); } to { transform: translate(60.0869vw, 100vh) scale(0.8287); } } .snow:nth-child(175) { opacity: 0.676; transform: translate(92.7952vw, -10px) scale(0.117); animation: fall-175 12s -17s linear infinite; } @keyframes fall-175 { 70.399% { transform: translate(96.0799vw, 70.399vh) scale(0.117); } to { transform: translate(94.43755vw, 100vh) scale(0.117); } } .snow:nth-child(176) { opacity: 0.3822; transform: translate(15.7839vw, -10px) scale(0.2113); animation: fall-176 25s -13s linear infinite; } @keyframes fall-176 { 31.584% { transform: translate(15.118vw, 31.584vh) scale(0.2113); } to { transform: translate(15.45095vw, 100vh) scale(0.2113); } } .snow:nth-child(177) { opacity: 0.1103; transform: translate(1.2229vw, -10px) scale(0.2545); animation: fall-177 19s -25s linear infinite; } @keyframes fall-177 { 75.987% { transform: translate(5.4241vw, 75.987vh) scale(0.2545); } to { transform: translate(3.3235vw, 100vh) scale(0.2545); } } .snow:nth-child(178) { opacity: 0.1685; transform: translate(49.8093vw, -10px) scale(0.8026); animation: fall-178 25s -9s linear infinite; } @keyframes fall-178 { 52.374% { transform: translate(50.1365vw, 52.374vh) scale(0.8026); } to { transform: translate(49.9729vw, 100vh) scale(0.8026); } } .snow:nth-child(179) { opacity: 0.7119; transform: translate(70.0028vw, -10px) scale(0.9023); animation: fall-179 23s -8s linear infinite; } @keyframes fall-179 { 47.244% { transform: translate(68.3307vw, 47.244vh) scale(0.9023); } to { transform: translate(69.16675vw, 100vh) scale(0.9023); } } .snow:nth-child(180) { opacity: 0.632; transform: translate(23.5759vw, -10px) scale(0.8312); animation: fall-180 10s -20s linear infinite; } @keyframes fall-180 { 63.638% { transform: translate(19.1535vw, 63.638vh) scale(0.8312); } to { transform: translate(21.3647vw, 100vh) scale(0.8312); } } .snow:nth-child(181) { opacity: 0.5577; transform: translate(62.6103vw, -10px) scale(0.49); animation: fall-181 11s -4s linear infinite; } @keyframes fall-181 { 40.632% { transform: translate(56.8528vw, 40.632vh) scale(0.49); } to { transform: translate(59.73155vw, 100vh) scale(0.49); } } .snow:nth-child(182) { opacity: 0.7014; transform: translate(90.1256vw, -10px) scale(0.6397); animation: fall-182 28s -20s linear infinite; } @keyframes fall-182 { 59.131% { transform: translate(93.6949vw, 59.131vh) scale(0.6397); } to { transform: translate(91.91025vw, 100vh) scale(0.6397); } } .snow:nth-child(183) { opacity: 0.8134; transform: translate(34.4195vw, -10px) scale(0.4846); animation: fall-183 15s -2s linear infinite; } @keyframes fall-183 { 63.704% { transform: translate(30.6136vw, 63.704vh) scale(0.4846); } to { transform: translate(32.51655vw, 100vh) scale(0.4846); } } .snow:nth-child(184) { opacity: 0.9082; transform: translate(77.0238vw, -10px) scale(0.4494); animation: fall-184 18s -27s linear infinite; } @keyframes fall-184 { 63.51% { transform: translate(84.4779vw, 63.51vh) scale(0.4494); } to { transform: translate(80.75085vw, 100vh) scale(0.4494); } } .snow:nth-child(185) { opacity: 0.1307; transform: translate(44.0007vw, -10px) scale(0.6141); animation: fall-185 22s -24s linear infinite; } @keyframes fall-185 { 47.405% { transform: translate(43.8243vw, 47.405vh) scale(0.6141); } to { transform: translate(43.9125vw, 100vh) scale(0.6141); } } .snow:nth-child(186) { opacity: 0.5432; transform: translate(74.6338vw, -10px) scale(0.8931); animation: fall-186 18s -17s linear infinite; } @keyframes fall-186 { 59.675% { transform: translate(83.3147vw, 59.675vh) scale(0.8931); } to { transform: translate(78.97425vw, 100vh) scale(0.8931); } } .snow:nth-child(187) { opacity: 0.7899; transform: translate(74.6429vw, -10px) scale(0.0295); animation: fall-187 14s -27s linear infinite; } @keyframes fall-187 { 55.627% { transform: translate(81.4334vw, 55.627vh) scale(0.0295); } to { transform: translate(78.03815vw, 100vh) scale(0.0295); } } .snow:nth-child(188) { opacity: 0.3361; transform: translate(48.0374vw, -10px) scale(0.0347); animation: fall-188 14s -26s linear infinite; } @keyframes fall-188 { 43.548% { transform: translate(39.4117vw, 43.548vh) scale(0.0347); } to { transform: translate(43.72455vw, 100vh) scale(0.0347); } } .snow:nth-child(189) { opacity: 0.5176; transform: translate(20.4871vw, -10px) scale(0.3446); animation: fall-189 12s -14s linear infinite; } @keyframes fall-189 { 55.665% { transform: translate(26.4672vw, 55.665vh) scale(0.3446); } to { transform: translate(23.47715vw, 100vh) scale(0.3446); } } .snow:nth-child(190) { opacity: 0.0237; transform: translate(72.3669vw, -10px) scale(0.1033); animation: fall-190 24s -9s linear infinite; } @keyframes fall-190 { 77.504% { transform: translate(63.8095vw, 77.504vh) scale(0.1033); } to { transform: translate(68.0882vw, 100vh) scale(0.1033); } } .snow:nth-child(191) { opacity: 0.7242; transform: translate(61.4337vw, -10px) scale(0.6289); animation: fall-191 21s -5s linear infinite; } @keyframes fall-191 { 31.524% { transform: translate(58.7274vw, 31.524vh) scale(0.6289); } to { transform: translate(60.08055vw, 100vh) scale(0.6289); } } .snow:nth-child(192) { opacity: 0.161; transform: translate(6.7691vw, -10px) scale(0.8281); animation: fall-192 22s -23s linear infinite; } @keyframes fall-192 { 73.808% { transform: translate(13.1864vw, 73.808vh) scale(0.8281); } to { transform: translate(9.97775vw, 100vh) scale(0.8281); } } .snow:nth-child(193) { opacity: 0.7405; transform: translate(86.5174vw, -10px) scale(0.053); animation: fall-193 15s -12s linear infinite; } @keyframes fall-193 { 71.328% { transform: translate(77.4791vw, 71.328vh) scale(0.053); } to { transform: translate(81.99825vw, 100vh) scale(0.053); } } .snow:nth-child(194) { opacity: 0.9011; transform: translate(64.4828vw, -10px) scale(0.7451); animation: fall-194 21s -15s linear infinite; } @keyframes fall-194 { 74.958% { transform: translate(68.1818vw, 74.958vh) scale(0.7451); } to { transform: translate(66.3323vw, 100vh) scale(0.7451); } } .snow:nth-child(195) { opacity: 0.4187; transform: translate(71.3988vw, -10px) scale(0.3546); animation: fall-195 26s -13s linear infinite; } @keyframes fall-195 { 68.401% { transform: translate(68.5003vw, 68.401vh) scale(0.3546); } to { transform: translate(69.94955vw, 100vh) scale(0.3546); } } .snow:nth-child(196) { opacity: 0.073; transform: translate(53.5871vw, -10px) scale(0.1685); animation: fall-196 23s -4s linear infinite; } @keyframes fall-196 { 68.619% { transform: translate(51.3954vw, 68.619vh) scale(0.1685); } to { transform: translate(52.49125vw, 100vh) scale(0.1685); } } .snow:nth-child(197) { opacity: 0.8203; transform: translate(58.5532vw, -10px) scale(0.4468); animation: fall-197 25s -11s linear infinite; } @keyframes fall-197 { 49.63% { transform: translate(53.9659vw, 49.63vh) scale(0.4468); } to { transform: translate(56.25955vw, 100vh) scale(0.4468); } } .snow:nth-child(198) { opacity: 0.2266; transform: translate(83.7102vw, -10px) scale(0.5875); animation: fall-198 29s -19s linear infinite; } @keyframes fall-198 { 67.749% { transform: translate(93.2712vw, 67.749vh) scale(0.5875); } to { transform: translate(88.4907vw, 100vh) scale(0.5875); } } .snow:nth-child(199) { opacity: 0.6666; transform: translate(53.2312vw, -10px) scale(0.0942); animation: fall-199 17s -22s linear infinite; } @keyframes fall-199 { 40.383% { transform: translate(59.8565vw, 40.383vh) scale(0.0942); } to { transform: translate(56.54385vw, 100vh) scale(0.0942); } } .snow:nth-child(200) { opacity: 0.1281; transform: translate(73.3004vw, -10px) scale(0.2792); animation: fall-200 10s -11s linear infinite; } @keyframes fall-200 { 33.388% { transform: translate(81.4282vw, 33.388vh) scale(0.2792); } to { transform: translate(77.3643vw, 100vh) scale(0.2792); } }';
head = document.getElementsByTagName('head')[0],
style = document.createElement('style');
style.type = 'text/css';
if (style.styleSheet){ style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); }
head.appendChild(style);
$(".fGkCnq").css("background","url('https://i.imgur.com/ZbnfNsq.gif')");
$(".fGkCnq").css("background-size","100%");
$(".fGkCnq").css("filter","invert(100%)");
$(".fGkCnq").html(' <div class="token"> <div id="wrapper"> <h1 class="glitch" data-text="beyond">beyond</h1> <span class="sub">art that transforms</span> <span class="sub" id="nametext"></span></div> </div> <div class="scene" style="z-index: 100 !important;"> <div class="disclaimer">This one-of-a-kind NFT art was created using a bug in Raribles.<br> The token won\'t look like this forever and can be fixed. <br>Buy a piece of NFT art history</div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> <div class="snow"></div> </div> <div class="overlay"><iframe scrolling="no" style="z-index: -10; position: relative; overflow: none;" src="https://samwcyo.github.io/" width="100%" height="100%"></iframe></div> <audio autoplay="" controls="" style="z-index: 100;position: absolute;top: 0;width: 100%;"> <source src="http://samwcyo.github.io/not-copyright.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio><style> .disclaimer { width: 100%; bottom: 42px; text-align: center; width: 100%; position: absolute; background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); background-size: auto; background-size: 1800% 1800%; -webkit-animation: rainbow 18s ease infinite; -z-animation: rainbow 18s ease infinite; -o-animation: rainbow 18s ease infinite; animation: rainbow 18s ease infinite; color: #FFFFFF; padding: 20px; opacity: 0.8; } @-webkit-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @-moz-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @-o-keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } @keyframes rainbow { 0%{background-position:0% 82%} 50%{background-position:100% 19%} 100%{background-position:0% 82%} } html { background: #111; padding: 1em; line-height: 1; text-shadow: 0.06rem 0 0.06rem #ea36af, -0.125rem 0 0.06rem #75fa69; letter-spacing: 0.125em; animation-duration: 0.01s; animation-name: textflicker; animation-iteration-count: infinite; animation-direction: alternate; } @keyframes textflicker { from { text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69; } to { text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69; }</style>');
$(".hnEsJG").html("An artist uses all the tools in their canvas to create an epic experience that makes you feel, but also pushes the boundaries of what art can be. With a new age of NFT art upon us, it's time for us to continue to push and show what possibilities there are. We created art that has a literal transformation of what you see and feel. Be the one to own a historic piece of NFT art.");
$(".dONWts").html("🐈🐈🐈🐈🐈");
}
/* js here */
};
document.getElementsByTagName("head")[0].appendChild(script);
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment