.snowflake{color:#fff;font-size:1em;font-family:Arial,sans-serif;text-shadow:0 0 5px #000}@keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake{0%,to{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;animation-delay:0s,0s}.snowflake:first-of-type{left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:4s,2.5s}.rain{background:#fff;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff);height:50px;position:absolute;width:1px}.rain:first-of-type{animation-name:rain-1;animation-delay:18s;animation-duration:9s;animation-iteration-count:infinite;left:10%;opacity:.53;top:-75%}@Keyframes rain-1{0%{left:10%;opacity:.53;top:-75%}to{opacity:0;top:115%}}.rain:nth-of-type(2){animation-name:rain-2;animation-delay:8s;animation-duration:9s;animation-iteration-count:infinite;left:76%;opacity:.45;top:-64%}@Keyframes rain-2{0%{left:76%;opacity:.45;top:-64%}to{opacity:0;top:104%}}.rain:nth-of-type(3){animation-name:rain-3;animation-delay:13s;animation-duration:5s;animation-iteration-count:infinite;left:1%;opacity:.38;top:-62%}@Keyframes rain-3{0%{left:1%;opacity:.38;top:-62%}to{opacity:0;top:102%}}.rain:nth-of-type(4){animation-name:rain-4;animation-delay:0s;animation-duration:8s;animation-iteration-count:infinite;left:73%;opacity:.53;top:-78%}@Keyframes rain-4{0%{left:73%;opacity:.53;top:-78%}to{opacity:0;top:118%}}.rain:nth-of-type(5){animation-name:rain-5;animation-delay:2s;animation-duration:9s;animation-iteration-count:infinite;left:7%;opacity:.45;top:-53%}@Keyframes rain-5{0%{left:7%;opacity:.45;top:-53%}to{opacity:0;top:93%}}.rain:nth-of-type(6){animation-name:rain-6;animation-delay:1s;animation-duration:10s;animation-iteration-count:infinite;left:33%;opacity:.31;top:-77%}@Keyframes rain-6{0%{left:33%;opacity:.31;top:-77%}to{opacity:0;top:117%}}.rain:nth-of-type(7){animation-name:rain-7;animation-delay:18s;animation-duration:9s;animation-iteration-count:infinite;left:38%;opacity:.39;top:-51%}@Keyframes rain-7{0%{left:38%;opacity:.39;top:-51%}to{opacity:0;top:91%}}.rain:nth-of-type(8){animation-name:rain-8;animation-delay:16s;animation-duration:8s;animation-iteration-count:infinite;left:37%;opacity:.45;top:-79%}@Keyframes rain-8{0%{left:37%;opacity:.45;top:-79%}to{opacity:0;top:119%}}.rain:nth-of-type(9){animation-name:rain-9;animation-delay:3s;animation-duration:5s;animation-iteration-count:infinite;left:91%;opacity:.33;top:-94%}@Keyframes rain-9{0%{left:91%;opacity:.33;top:-94%}to{opacity:0;top:134%}}.rain:nth-of-type(10){animation-name:rain-10;animation-delay:10s;animation-duration:8s;animation-iteration-count:infinite;left:31%;opacity:.57;top:-90%}@Keyframes rain-10{0%{left:31%;opacity:.57;top:-90%}to{opacity:0;top:130%}}.rain:nth-of-type(11){animation-name:rain-11;animation-delay:17s;animation-duration:5s;animation-iteration-count:infinite;left:96%;opacity:.46;top:-91%}@Keyframes rain-11{0%{left:96%;opacity:.46;top:-91%}to{opacity:0;top:131%}}.rain:nth-of-type(12){animation-name:rain-12;animation-delay:14s;animation-duration:10s;animation-iteration-count:infinite;left:80%;opacity:.59;top:-77%}@Keyframes rain-12{0%{left:80%;opacity:.59;top:-77%}to{opacity:0;top:117%}}.rain:nth-of-type(13){animation-name:rain-13;animation-delay:16s;animation-duration:10s;animation-iteration-count:infinite;left:56%;opacity:.33;top:-60%}@Keyframes rain-13{0%{left:56%;opacity:.33;top:-60%}to{opacity:0;top:100%}}.rain:nth-of-type(14){animation-name:rain-14;animation-delay:8s;animation-duration:10s;animation-iteration-count:infinite;left:28%;opacity:.45;top:-70%}@Keyframes rain-14{0%{left:28%;opacity:.45;top:-70%}to{opacity:0;top:110%}}.rain:nth-of-type(15){animation-name:rain-15;animation-delay:5s;animation-duration:6s;animation-iteration-count:infinite;left:44%;opacity:.34;top:-75%}@Keyframes rain-15{0%{left:44%;opacity:.34;top:-75%}to{opacity:0;top:115%}}.rain:nth-of-type(16){animation-name:rain-16;animation-delay:7s;animation-duration:6s;animation-iteration-count:infinite;left:24%;opacity:.44;top:-79%}@Keyframes rain-16{0%{left:24%;opacity:.44;top:-79%}to{opacity:0;top:119%}}.rain:nth-of-type(17){animation-name:rain-17;animation-delay:14s;animation-duration:7s;animation-iteration-count:infinite;left:26%;opacity:.49;top:-62%}@Keyframes rain-17{0%{left:26%;opacity:.49;top:-62%}to{opacity:0;top:102%}}.rain:nth-of-type(18){animation-name:rain-18;animation-delay:15s;animation-duration:6s;animation-iteration-count:infinite;left:98%;opacity:.46;top:-81%}@Keyframes rain-18{0%{left:98%;opacity:.46;top:-81%}to{opacity:0;top:121%}}.rain:nth-of-type(19){animation-name:rain-19;animation-delay:8s;animation-duration:7s;animation-iteration-count:infinite;left:68%;opacity:.5;top:-73%}@Keyframes rain-19{0%{left:68%;opacity:.5;top:-73%}to{opacity:0;top:113%}}.rain:nth-of-type(20){animation-name:rain-20;animation-delay:1s;animation-duration:8s;animation-iteration-count:infinite;left:44%;opacity:.47;top:-57%}@Keyframes rain-20{0%{left:44%;opacity:.47;top:-57%}to{opacity:0;top:97%}}.rain:nth-of-type(21){animation-name:rain-21;animation-delay:5s;animation-duration:5s;animation-iteration-count:infinite;left:25%;opacity:.42;top:-100%}@Keyframes rain-21{0%{left:25%;opacity:.42;top:-100%}to{opacity:0;top:140%}}.rain:nth-of-type(22){animation-name:rain-22;animation-delay:11s;animation-duration:7s;animation-iteration-count:infinite;left:91%;opacity:.37;top:-96%}@Keyframes rain-22{0%{left:91%;opacity:.37;top:-96%}to{opacity:0;top:136%}}.rain:nth-of-type(23){animation-name:rain-23;animation-delay:7s;animation-duration:8s;animation-iteration-count:infinite;left:29%;opacity:.56;top:-98%}@Keyframes rain-23{0%{left:29%;opacity:.56;top:-98%}to{opacity:0;top:138%}}.rain:nth-of-type(24){animation-name:rain-24;animation-delay:8s;animation-duration:7s;animation-iteration-count:infinite;left:65%;opacity:.42;top:-70%}@Keyframes rain-24{0%{left:65%;opacity:.42;top:-70%}to{opacity:0;top:110%}}.rain:nth-of-type(25){animation-name:rain-25;animation-delay:11s;animation-duration:10s;animation-iteration-count:infinite;left:7%;opacity:.34;top:-82%}@Keyframes rain-25{0%{left:7%;opacity:.34;top:-82%}to{opacity:0;top:122%}}.rain:nth-of-type(26){animation-name:rain-26;animation-delay:12s;animation-duration:8s;animation-iteration-count:infinite;left:48%;opacity:.45;top:-90%}@Keyframes rain-26{0%{left:48%;opacity:.45;top:-90%}to{opacity:0;top:130%}}.rain:nth-of-type(27){animation-name:rain-27;animation-delay:3s;animation-duration:10s;animation-iteration-count:infinite;left:43%;opacity:.34;top:-81%}@Keyframes rain-27{0%{left:43%;opacity:.34;top:-81%}to{opacity:0;top:121%}}.rain:nth-of-type(28){animation-name:rain-28;animation-delay:15s;animation-duration:6s;animation-iteration-count:infinite;left:96%;opacity:.54;top:-99%}@Keyframes rain-28{0%{left:96%;opacity:.54;top:-99%}to{opacity:0;top:139%}}.rain:nth-of-type(29){animation-name:rain-29;animation-delay:15s;animation-duration:7s;animation-iteration-count:infinite;left:99%;opacity:.54;top:-95%}@Keyframes rain-29{0%{left:99%;opacity:.54;top:-95%}to{opacity:0;top:135%}}.rain:nth-of-type(30){animation-name:rain-30;animation-delay:0s;animation-duration:8s;animation-iteration-count:infinite;left:1%;opacity:.33;top:-78%}@Keyframes rain-30{0%{left:1%;opacity:.33;top:-78%}to{opacity:0;top:118%}}.rain:nth-of-type(31){animation-name:rain-31;animation-delay:7s;animation-duration:10s;animation-iteration-count:infinite;left:3%;opacity:.49;top:-68%}@Keyframes rain-31{0%{left:3%;opacity:.49;top:-68%}to{opacity:0;top:108%}}.rain:nth-of-type(32){animation-name:rain-32;animation-delay:15s;animation-duration:10s;animation-iteration-count:infinite;left:9%;opacity:.35;top:-53%}@Keyframes rain-32{0%{left:9%;opacity:.35;top:-53%}to{opacity:0;top:93%}}.rain:nth-of-type(33){animation-name:rain-33;animation-delay:9s;animation-duration:8s;animation-iteration-count:infinite;left:68%;opacity:.43;top:-58%}@Keyframes rain-33{0%{left:68%;opacity:.43;top:-58%}to{opacity:0;top:98%}}.rain:nth-of-type(34){animation-name:rain-34;animation-delay:13s;animation-duration:9s;animation-iteration-count:infinite;left:1%;opacity:.6;top:-54%}@Keyframes rain-34{0%{left:1%;opacity:.6;top:-54%}to{opacity:0;top:94%}}.rain:nth-of-type(35){animation-name:rain-35;animation-delay:18s;animation-duration:7s;animation-iteration-count:infinite;left:22%;opacity:.32;top:-63%}@Keyframes rain-35{0%{left:22%;opacity:.32;top:-63%}to{opacity:0;top:103%}}.rain:nth-of-type(36){animation-name:rain-36;animation-delay:11s;animation-duration:8s;animation-iteration-count:infinite;left:55%;opacity:.42;top:-64%}@Keyframes rain-36{0%{left:55%;opacity:.42;top:-64%}to{opacity:0;top:104%}}.rain:nth-of-type(37){animation-name:rain-37;animation-delay:13s;animation-duration:5s;animation-iteration-count:infinite;left:20%;opacity:.39;top:-78%}@Keyframes rain-37{0%{left:20%;opacity:.39;top:-78%}to{opacity:0;top:118%}}.rain:nth-of-type(38){animation-name:rain-38;animation-delay:18s;animation-duration:9s;animation-iteration-count:infinite;left:70%;opacity:.38;top:-68%}@Keyframes rain-38{0%{left:70%;opacity:.38;top:-68%}to{opacity:0;top:108%}}.rain:nth-of-type(39){animation-name:rain-39;animation-delay:12s;animation-duration:7s;animation-iteration-count:infinite;left:73%;opacity:.52;top:-64%}@Keyframes rain-39{0%{left:73%;opacity:.52;top:-64%}to{opacity:0;top:104%}}.rain:nth-of-type(40){animation-name:rain-40;animation-delay:9s;animation-duration:10s;animation-iteration-count:infinite;left:60%;opacity:.49;top:-71%}@Keyframes rain-40{0%{left:60%;opacity:.49;top:-71%}to{opacity:0;top:111%}}.rain:nth-of-type(41){animation-name:rain-41;animation-delay:15s;animation-duration:9s;animation-iteration-count:infinite;left:13%;opacity:.6;top:-71%}@Keyframes rain-41{0%{left:13%;opacity:.6;top:-71%}to{opacity:0;top:111%}}.rain:nth-of-type(42){animation-name:rain-42;animation-delay:6s;animation-duration:5s;animation-iteration-count:infinite;left:60%;opacity:.55;top:-79%}@Keyframes rain-42{0%{left:60%;opacity:.55;top:-79%}to{opacity:0;top:119%}}.rain:nth-of-type(43){animation-name:rain-43;animation-delay:13s;animation-duration:10s;animation-iteration-count:infinite;left:22%;opacity:.32;top:-66%}@Keyframes rain-43{0%{left:22%;opacity:.32;top:-66%}to{opacity:0;top:106%}}.rain:nth-of-type(44){animation-name:rain-44;animation-delay:10s;animation-duration:10s;animation-iteration-count:infinite;left:59%;opacity:.58;top:-54%}@Keyframes rain-44{0%{left:59%;opacity:.58;top:-54%}to{opacity:0;top:94%}}.rain:nth-of-type(45){animation-name:rain-45;animation-delay:8s;animation-duration:8s;animation-iteration-count:infinite;left:88%;opacity:.32;top:-60%}@Keyframes rain-45{0%{left:88%;opacity:.32;top:-60%}to{opacity:0;top:100%}}.rain:nth-of-type(46){animation-name:rain-46;animation-delay:4s;animation-duration:8s;animation-iteration-count:infinite;left:42%;opacity:.47;top:-94%}@Keyframes rain-46{0%{left:42%;opacity:.47;top:-94%}to{opacity:0;top:134%}}.rain:nth-of-type(47){animation-name:rain-47;animation-delay:5s;animation-duration:7s;animation-iteration-count:infinite;left:100%;opacity:.49;top:-95%}@Keyframes rain-47{0%{left:100%;opacity:.49;top:-95%}to{opacity:0;top:135%}}.rain:nth-of-type(48){animation-name:rain-48;animation-delay:17s;animation-duration:7s;animation-iteration-count:infinite;left:8%;opacity:.31;top:-85%}@Keyframes rain-48{0%{left:8%;opacity:.31;top:-85%}to{opacity:0;top:125%}}.rain:nth-of-type(49){animation-name:rain-49;animation-delay:7s;animation-duration:10s;animation-iteration-count:infinite;left:14%;opacity:.48;top:-87%}@Keyframes rain-49{0%{left:14%;opacity:.48;top:-87%}to{opacity:0;top:127%}}.rain:nth-of-type(50){animation-name:rain-50;animation-delay:9s;animation-duration:5s;animation-iteration-count:infinite;left:84%;opacity:.47;top:-66%}@Keyframes rain-50{0%{left:84%;opacity:.47;top:-66%}to{opacity:0;top:106%}}.rain:nth-of-type(51){animation-name:rain-51;animation-delay:15s;animation-duration:10s;animation-iteration-count:infinite;left:75%;opacity:.36;top:-66%}@Keyframes rain-51{0%{left:75%;opacity:.36;top:-66%}to{opacity:0;top:106%}}.rain:nth-of-type(52){animation-name:rain-52;animation-delay:0s;animation-duration:8s;animation-iteration-count:infinite;left:59%;opacity:.32;top:-100%}@Keyframes rain-52{0%{left:59%;opacity:.32;top:-100%}to{opacity:0;top:140%}}.rain:nth-of-type(53){animation-name:rain-53;animation-delay:6s;animation-duration:9s;animation-iteration-count:infinite;left:62%;opacity:.31;top:-59%}@Keyframes rain-53{0%{left:62%;opacity:.31;top:-59%}to{opacity:0;top:99%}}.rain:nth-of-type(54){animation-name:rain-54;animation-delay:4s;animation-duration:7s;animation-iteration-count:infinite;left:46%;opacity:.6;top:-82%}@Keyframes rain-54{0%{left:46%;opacity:.6;top:-82%}to{opacity:0;top:122%}}.rain:nth-of-type(55){animation-name:rain-55;animation-delay:6s;animation-duration:7s;animation-iteration-count:infinite;left:96%;opacity:.31;top:-84%}@Keyframes rain-55{0%{left:96%;opacity:.31;top:-84%}to{opacity:0;top:124%}}.rain:nth-of-type(56){animation-name:rain-56;animation-delay:6s;animation-duration:6s;animation-iteration-count:infinite;left:82%;opacity:.34;top:-59%}@Keyframes rain-56{0%{left:82%;opacity:.34;top:-59%}to{opacity:0;top:99%}}.rain:nth-of-type(57){animation-name:rain-57;animation-delay:13s;animation-duration:8s;animation-iteration-count:infinite;left:45%;opacity:.31;top:-63%}@Keyframes rain-57{0%{left:45%;opacity:.31;top:-63%}to{opacity:0;top:103%}}.rain:nth-of-type(58){animation-name:rain-58;animation-delay:15s;animation-duration:8s;animation-iteration-count:infinite;left:1%;opacity:.55;top:-77%}@Keyframes rain-58{0%{left:1%;opacity:.55;top:-77%}to{opacity:0;top:117%}}.rain:nth-of-type(59){animation-name:rain-59;animation-delay:16s;animation-duration:9s;animation-iteration-count:infinite;left:12%;opacity:.49;top:-84%}@Keyframes rain-59{0%{left:12%;opacity:.49;top:-84%}to{opacity:0;top:124%}}.rain:nth-of-type(60){animation-name:rain-60;animation-delay:13s;animation-duration:6s;animation-iteration-count:infinite;left:98%;opacity:.37;top:-69%}@Keyframes rain-60{0%{left:98%;opacity:.37;top:-69%}to{opacity:0;top:109%}}.rain:nth-of-type(61){animation-name:rain-61;animation-delay:9s;animation-duration:5s;animation-iteration-count:infinite;left:72%;opacity:.32;top:-83%}@Keyframes rain-61{0%{left:72%;opacity:.32;top:-83%}to{opacity:0;top:123%}}.rain:nth-of-type(62){animation-name:rain-62;animation-delay:4s;animation-duration:5s;animation-iteration-count:infinite;left:14%;opacity:.46;top:-79%}@Keyframes rain-62{0%{left:14%;opacity:.46;top:-79%}to{opacity:0;top:119%}}.rain:nth-of-type(63){animation-name:rain-63;animation-delay:18s;animation-duration:10s;animation-iteration-count:infinite;left:21%;opacity:.35;top:-53%}@Keyframes rain-63{0%{left:21%;opacity:.35;top:-53%}to{opacity:0;top:93%}}.rain:nth-of-type(64){animation-name:rain-64;animation-delay:17s;animation-duration:10s;animation-iteration-count:infinite;left:68%;opacity:.37;top:-89%}@Keyframes rain-64{0%{left:68%;opacity:.37;top:-89%}to{opacity:0;top:129%}}.rain:nth-of-type(65){animation-name:rain-65;animation-delay:13s;animation-duration:7s;animation-iteration-count:infinite;left:26%;opacity:.55;top:-88%}@Keyframes rain-65{0%{left:26%;opacity:.55;top:-88%}to{opacity:0;top:128%}}.rain:nth-of-type(66){animation-name:rain-66;animation-delay:4s;animation-duration:6s;animation-iteration-count:infinite;left:99%;opacity:.34;top:-69%}@Keyframes rain-66{0%{left:99%;opacity:.34;top:-69%}to{opacity:0;top:109%}}.rain:nth-of-type(67){animation-name:rain-67;animation-delay:4s;animation-duration:8s;animation-iteration-count:infinite;left:2%;opacity:.52;top:-61%}@Keyframes rain-67{0%{left:2%;opacity:.52;top:-61%}to{opacity:0;top:101%}}.rain:nth-of-type(68){animation-name:rain-68;animation-delay:1s;animation-duration:9s;animation-iteration-count:infinite;left:87%;opacity:.53;top:-100%}@Keyframes rain-68{0%{left:87%;opacity:.53;top:-100%}to{opacity:0;top:140%}}.rain:nth-of-type(69){animation-name:rain-69;animation-delay:17s;animation-duration:6s;animation-iteration-count:infinite;left:95%;opacity:.38;top:-52%}@Keyframes rain-69{0%{left:95%;opacity:.38;top:-52%}to{opacity:0;top:92%}}.rain:nth-of-type(70){animation-name:rain-70;animation-delay:10s;animation-duration:7s;animation-iteration-count:infinite;left:96%;opacity:.37;top:-76%}@Keyframes rain-70{0%{left:96%;opacity:.37;top:-76%}to{opacity:0;top:116%}}.rain:nth-of-type(71){animation-name:rain-71;animation-delay:17s;animation-duration:7s;animation-iteration-count:infinite;left:44%;opacity:.33;top:-100%}@Keyframes rain-71{0%{left:44%;opacity:.33;top:-100%}to{opacity:0;top:140%}}.rain:nth-of-type(72){animation-name:rain-72;animation-delay:5s;animation-duration:7s;animation-iteration-count:infinite;left:7%;opacity:.55;top:-95%}@Keyframes rain-72{0%{left:7%;opacity:.55;top:-95%}to{opacity:0;top:135%}}.rain:nth-of-type(73){animation-name:rain-73;animation-delay:7s;animation-duration:6s;animation-iteration-count:infinite;left:1%;opacity:.37;top:-82%}@Keyframes rain-73{0%{left:1%;opacity:.37;top:-82%}to{opacity:0;top:122%}}.rain:nth-of-type(74){animation-name:rain-74;animation-delay:12s;animation-duration:10s;animation-iteration-count:infinite;left:99%;opacity:.37;top:-69%}@Keyframes rain-74{0%{left:99%;opacity:.37;top:-69%}to{opacity:0;top:109%}}.rain:nth-of-type(75){animation-name:rain-75;animation-delay:3s;animation-duration:6s;animation-iteration-count:infinite;left:2%;opacity:.31;top:-93%}@Keyframes rain-75{0%{left:2%;opacity:.31;top:-93%}to{opacity:0;top:133%}}.rain:nth-of-type(76){animation-name:rain-76;animation-delay:5s;animation-duration:7s;animation-iteration-count:infinite;left:93%;opacity:.33;top:-69%}@Keyframes rain-76{0%{left:93%;opacity:.33;top:-69%}to{opacity:0;top:109%}}.rain:nth-of-type(77){animation-name:rain-77;animation-delay:1s;animation-duration:5s;animation-iteration-count:infinite;left:48%;opacity:.54;top:-87%}@Keyframes rain-77{0%{left:48%;opacity:.54;top:-87%}to{opacity:0;top:127%}}.rain:nth-of-type(78){animation-name:rain-78;animation-delay:3s;animation-duration:10s;animation-iteration-count:infinite;left:45%;opacity:.48;top:-65%}@Keyframes rain-78{0%{left:45%;opacity:.48;top:-65%}to{opacity:0;top:105%}}.rain:nth-of-type(79){animation-name:rain-79;animation-delay:4s;animation-duration:9s;animation-iteration-count:infinite;left:67%;opacity:.6;top:-74%}@Keyframes rain-79{0%{left:67%;opacity:.6;top:-74%}to{opacity:0;top:114%}}.rain:nth-of-type(80){animation-name:rain-80;animation-delay:12s;animation-duration:5s;animation-iteration-count:infinite;left:8%;opacity:.42;top:-94%}@Keyframes rain-80{0%{left:8%;opacity:.42;top:-94%}to{opacity:0;top:134%}}.rain:nth-of-type(81){animation-name:rain-81;animation-delay:3s;animation-duration:5s;animation-iteration-count:infinite;left:37%;opacity:.54;top:-77%}@Keyframes rain-81{0%{left:37%;opacity:.54;top:-77%}to{opacity:0;top:117%}}.rain:nth-of-type(82){animation-name:rain-82;animation-delay:8s;animation-duration:8s;animation-iteration-count:infinite;left:61%;opacity:.59;top:-74%}@Keyframes rain-82{0%{left:61%;opacity:.59;top:-74%}to{opacity:0;top:114%}}.rain:nth-of-type(83){animation-name:rain-83;animation-delay:10s;animation-duration:5s;animation-iteration-count:infinite;left:44%;opacity:.45;top:-77%}@Keyframes rain-83{0%{left:44%;opacity:.45;top:-77%}to{opacity:0;top:117%}}.rain:nth-of-type(84){animation-name:rain-84;animation-delay:17s;animation-duration:10s;animation-iteration-count:infinite;left:97%;opacity:.56;top:-85%}@Keyframes rain-84{0%{left:97%;opacity:.56;top:-85%}to{opacity:0;top:125%}}.rain:nth-of-type(85){animation-name:rain-85;animation-delay:14s;animation-duration:5s;animation-iteration-count:infinite;left:84%;opacity:.32;top:-82%}@Keyframes rain-85{0%{left:84%;opacity:.32;top:-82%}to{opacity:0;top:122%}}.rain:nth-of-type(86){animation-name:rain-86;animation-delay:17s;animation-duration:7s;animation-iteration-count:infinite;left:57%;opacity:.42;top:-85%}@Keyframes rain-86{0%{left:57%;opacity:.42;top:-85%}to{opacity:0;top:125%}}.rain:nth-of-type(87){animation-name:rain-87;animation-delay:14s;animation-duration:9s;animation-iteration-count:infinite;left:65%;opacity:.55;top:-73%}@Keyframes rain-87{0%{left:65%;opacity:.55;top:-73%}to{opacity:0;top:113%}}.rain:nth-of-type(88){animation-name:rain-88;animation-delay:19s;animation-duration:8s;animation-iteration-count:infinite;left:18%;opacity:.45;top:-73%}@Keyframes rain-88{0%{left:18%;opacity:.45;top:-73%}to{opacity:0;top:113%}}.rain:nth-of-type(89){animation-name:rain-89;animation-delay:16s;animation-duration:9s;animation-iteration-count:infinite;left:51%;opacity:.38;top:-77%}@Keyframes rain-89{0%{left:51%;opacity:.38;top:-77%}to{opacity:0;top:117%}}.rain:nth-of-type(90){animation-name:rain-90;animation-delay:8s;animation-duration:6s;animation-iteration-count:infinite;left:91%;opacity:.41;top:-62%}@Keyframes rain-90{0%{left:91%;opacity:.41;top:-62%}to{opacity:0;top:102%}}.rain:nth-of-type(91){animation-name:rain-91;animation-delay:2s;animation-duration:10s;animation-iteration-count:infinite;left:54%;opacity:.45;top:-51%}@Keyframes rain-91{0%{left:54%;opacity:.45;top:-51%}to{opacity:0;top:91%}}.rain:nth-of-type(92){animation-name:rain-92;animation-delay:16s;animation-duration:6s;animation-iteration-count:infinite;left:67%;opacity:.52;top:-76%}@Keyframes rain-92{0%{left:67%;opacity:.52;top:-76%}to{opacity:0;top:116%}}.rain:nth-of-type(93){animation-name:rain-93;animation-delay:14s;animation-duration:7s;animation-iteration-count:infinite;left:2%;opacity:.6;top:-65%}@Keyframes rain-93{0%{left:2%;opacity:.6;top:-65%}to{opacity:0;top:105%}}.rain:nth-of-type(94){animation-name:rain-94;animation-delay:5s;animation-duration:8s;animation-iteration-count:infinite;left:88%;opacity:.43;top:-74%}@Keyframes rain-94{0%{left:88%;opacity:.43;top:-74%}to{opacity:0;top:114%}}.rain:nth-of-type(95){animation-name:rain-95;animation-delay:13s;animation-duration:6s;animation-iteration-count:infinite;left:61%;opacity:.38;top:-74%}@Keyframes rain-95{0%{left:61%;opacity:.38;top:-74%}to{opacity:0;top:114%}}.rain:nth-of-type(96){animation-name:rain-96;animation-delay:5s;animation-duration:7s;animation-iteration-count:infinite;left:40%;opacity:.36;top:-93%}@Keyframes rain-96{0%{left:40%;opacity:.36;top:-93%}to{opacity:0;top:133%}}.rain:nth-of-type(97){animation-name:rain-97;animation-delay:10s;animation-duration:9s;animation-iteration-count:infinite;left:56%;opacity:.41;top:-73%}@Keyframes rain-97{0%{left:56%;opacity:.41;top:-73%}to{opacity:0;top:113%}}.rain:nth-of-type(98){animation-name:rain-98;animation-delay:14s;animation-duration:7s;animation-iteration-count:infinite;left:85%;opacity:.45;top:-59%}@Keyframes rain-98{0%{left:85%;opacity:.45;top:-59%}to{opacity:0;top:99%}}.rain:nth-of-type(99){animation-name:rain-99;animation-delay:9s;animation-duration:6s;animation-iteration-count:infinite;left:78%;opacity:.43;top:-63%}@Keyframes rain-99{0%{left:78%;opacity:.43;top:-63%}to{opacity:0;top:103%}}.rain:nth-of-type(100){animation-name:rain-100;animation-delay:14s;animation-duration:6s;animation-iteration-count:infinite;left:100%;opacity:.46;top:-54%}@Keyframes rain-100{0%{left:100%;opacity:.46;top:-54%}to{opacity:0;top:94%}}.rain:nth-of-type(101){animation-name:rain-101;animation-delay:16s;animation-duration:10s;animation-iteration-count:infinite;left:34%;opacity:.55;top:-97%}@Keyframes rain-101{0%{left:34%;opacity:.55;top:-97%}to{opacity:0;top:137%}}.rain:nth-of-type(102){animation-name:rain-102;animation-delay:4s;animation-duration:5s;animation-iteration-count:infinite;left:59%;opacity:.35;top:-58%}@Keyframes rain-102{0%{left:59%;opacity:.35;top:-58%}to{opacity:0;top:98%}}.rain:nth-of-type(103){animation-name:rain-103;animation-delay:13s;animation-duration:9s;animation-iteration-count:infinite;left:47%;opacity:.32;top:-95%}@Keyframes rain-103{0%{left:47%;opacity:.32;top:-95%}to{opacity:0;top:135%}}.rain:nth-of-type(104){animation-name:rain-104;animation-delay:3s;animation-duration:8s;animation-iteration-count:infinite;left:5%;opacity:.45;top:-99%}@Keyframes rain-104{0%{left:5%;opacity:.45;top:-99%}to{opacity:0;top:139%}}.rain:nth-of-type(105){animation-name:rain-105;animation-delay:17s;animation-duration:9s;animation-iteration-count:infinite;left:13%;opacity:.34;top:-100%}@Keyframes rain-105{0%{left:13%;opacity:.34;top:-100%}to{opacity:0;top:140%}}.rain:nth-of-type(106){animation-name:rain-106;animation-delay:19s;animation-duration:9s;animation-iteration-count:infinite;left:61%;opacity:.48;top:-64%}@Keyframes rain-106{0%{left:61%;opacity:.48;top:-64%}to{opacity:0;top:104%}}.rain:nth-of-type(107){animation-name:rain-107;animation-delay:13s;animation-duration:5s;animation-iteration-count:infinite;left:21%;opacity:.56;top:-86%}@Keyframes rain-107{0%{left:21%;opacity:.56;top:-86%}to{opacity:0;top:126%}}.rain:nth-of-type(108){animation-name:rain-108;animation-delay:18s;animation-duration:9s;animation-iteration-count:infinite;left:84%;opacity:.39;top:-93%}@Keyframes rain-108{0%{left:84%;opacity:.39;top:-93%}to{opacity:0;top:133%}}.rain:nth-of-type(109){animation-name:rain-109;animation-delay:1s;animation-duration:7s;animation-iteration-count:infinite;left:95%;opacity:.5;top:-55%}@Keyframes rain-109{0%{left:95%;opacity:.5;top:-55%}to{opacity:0;top:95%}}.rain:nth-of-type(110){animation-name:rain-110;animation-delay:3s;animation-duration:7s;animation-iteration-count:infinite;left:19%;opacity:.38;top:-65%}@Keyframes rain-110{0%{left:19%;opacity:.38;top:-65%}to{opacity:0;top:105%}}.rain:nth-of-type(111){animation-name:rain-111;animation-delay:18s;animation-duration:8s;animation-iteration-count:infinite;left:91%;opacity:.35;top:-60%}@Keyframes rain-111{0%{left:91%;opacity:.35;top:-60%}to{opacity:0;top:100%}}.rain:nth-of-type(112){animation-name:rain-112;animation-delay:19s;animation-duration:8s;animation-iteration-count:infinite;left:36%;opacity:.54;top:-69%}@Keyframes rain-112{0%{left:36%;opacity:.54;top:-69%}to{opacity:0;top:109%}}.rain:nth-of-type(113){animation-name:rain-113;animation-delay:7s;animation-duration:7s;animation-iteration-count:infinite;left:79%;opacity:.51;top:-53%}@Keyframes rain-113{0%{left:79%;opacity:.51;top:-53%}to{opacity:0;top:93%}}.rain:nth-of-type(114){animation-name:rain-114;animation-delay:15s;animation-duration:5s;animation-iteration-count:infinite;left:62%;opacity:.43;top:-54%}@Keyframes rain-114{0%{left:62%;opacity:.43;top:-54%}to{opacity:0;top:94%}}.rain:nth-of-type(115){animation-name:rain-115;animation-delay:6s;animation-duration:8s;animation-iteration-count:infinite;left:93%;opacity:.48;top:-63%}@Keyframes rain-115{0%{left:93%;opacity:.48;top:-63%}to{opacity:0;top:103%}}.rain:nth-of-type(116){animation-name:rain-116;animation-delay:10s;animation-duration:10s;animation-iteration-count:infinite;left:52%;opacity:.32;top:-93%}@Keyframes rain-116{0%{left:52%;opacity:.32;top:-93%}to{opacity:0;top:133%}}.rain:nth-of-type(117){animation-name:rain-117;animation-delay:16s;animation-duration:10s;animation-iteration-count:infinite;left:44%;opacity:.31;top:-94%}@Keyframes rain-117{0%{left:44%;opacity:.31;top:-94%}to{opacity:0;top:134%}}.rain:nth-of-type(118){animation-name:rain-118;animation-delay:3s;animation-duration:6s;animation-iteration-count:infinite;left:63%;opacity:.58;top:-95%}@Keyframes rain-118{0%{left:63%;opacity:.58;top:-95%}to{opacity:0;top:135%}}.rain:nth-of-type(119){animation-name:rain-119;animation-delay:17s;animation-duration:8s;animation-iteration-count:infinite;left:6%;opacity:.35;top:-95%}@Keyframes rain-119{0%{left:6%;opacity:.35;top:-95%}to{opacity:0;top:135%}}.rain:nth-of-type(120){animation-name:rain-120;animation-delay:19s;animation-duration:7s;animation-iteration-count:infinite;left:3%;opacity:.55;top:-75%}@Keyframes rain-120{0%{left:3%;opacity:.55;top:-75%}to{opacity:0;top:115%}}.rain:nth-of-type(121){animation-name:rain-121;animation-delay:2s;animation-duration:7s;animation-iteration-count:infinite;left:15%;opacity:.31;top:-55%}@Keyframes rain-121{0%{left:15%;opacity:.31;top:-55%}to{opacity:0;top:95%}}.rain:nth-of-type(122){animation-name:rain-122;animation-delay:6s;animation-duration:9s;animation-iteration-count:infinite;left:39%;opacity:.6;top:-67%}@Keyframes rain-122{0%{left:39%;opacity:.6;top:-67%}to{opacity:0;top:107%}}.rain:nth-of-type(123){animation-name:rain-123;animation-delay:7s;animation-duration:10s;animation-iteration-count:infinite;left:56%;opacity:.34;top:-85%}@Keyframes rain-123{0%{left:56%;opacity:.34;top:-85%}to{opacity:0;top:125%}}.rain:nth-of-type(124){animation-name:rain-124;animation-delay:13s;animation-duration:9s;animation-iteration-count:infinite;left:4%;opacity:.52;top:-67%}@Keyframes rain-124{0%{left:4%;opacity:.52;top:-67%}to{opacity:0;top:107%}}.rain:nth-of-type(125){animation-name:rain-125;animation-delay:6s;animation-duration:5s;animation-iteration-count:infinite;left:69%;opacity:.49;top:-63%}@Keyframes rain-125{0%{left:69%;opacity:.49;top:-63%}to{opacity:0;top:103%}}.rain:nth-of-type(126){animation-name:rain-126;animation-delay:3s;animation-duration:10s;animation-iteration-count:infinite;left:8%;opacity:.47;top:-65%}@Keyframes rain-126{0%{left:8%;opacity:.47;top:-65%}to{opacity:0;top:105%}}.rain:nth-of-type(127){animation-name:rain-127;animation-delay:9s;animation-duration:9s;animation-iteration-count:infinite;left:90%;opacity:.45;top:-82%}@Keyframes rain-127{0%{left:90%;opacity:.45;top:-82%}to{opacity:0;top:122%}}.rain:nth-of-type(128){animation-name:rain-128;animation-delay:16s;animation-duration:10s;animation-iteration-count:infinite;left:61%;opacity:.31;top:-71%}@Keyframes rain-128{0%{left:61%;opacity:.31;top:-71%}to{opacity:0;top:111%}}.rain:nth-of-type(129){animation-name:rain-129;animation-delay:9s;animation-duration:8s;animation-iteration-count:infinite;left:84%;opacity:.35;top:-76%}@Keyframes rain-129{0%{left:84%;opacity:.35;top:-76%}to{opacity:0;top:116%}}.rain:nth-of-type(130){animation-name:rain-130;animation-delay:18s;animation-duration:7s;animation-iteration-count:infinite;left:35%;opacity:.5;top:-60%}@Keyframes rain-130{0%{left:35%;opacity:.5;top:-60%}to{opacity:0;top:100%}}.rain:nth-of-type(131){animation-name:rain-131;animation-delay:0s;animation-duration:8s;animation-iteration-count:infinite;left:63%;opacity:.52;top:-77%}@Keyframes rain-131{0%{left:63%;opacity:.52;top:-77%}to{opacity:0;top:117%}}.rain:nth-of-type(132){animation-name:rain-132;animation-delay:1s;animation-duration:5s;animation-iteration-count:infinite;left:33%;opacity:.56;top:-94%}@Keyframes rain-132{0%{left:33%;opacity:.56;top:-94%}to{opacity:0;top:134%}}.rain:nth-of-type(133){animation-name:rain-133;animation-delay:16s;animation-duration:6s;animation-iteration-count:infinite;left:87%;opacity:.46;top:-58%}@Keyframes rain-133{0%{left:87%;opacity:.46;top:-58%}to{opacity:0;top:98%}}.rain:nth-of-type(134){animation-name:rain-134;animation-delay:1s;animation-duration:9s;animation-iteration-count:infinite;left:31%;opacity:.35;top:-67%}@Keyframes rain-134{0%{left:31%;opacity:.35;top:-67%}to{opacity:0;top:107%}}.rain:nth-of-type(135){animation-name:rain-135;animation-delay:11s;animation-duration:5s;animation-iteration-count:infinite;left:45%;opacity:.32;top:-68%}@Keyframes rain-135{0%{left:45%;opacity:.32;top:-68%}to{opacity:0;top:108%}}.rain:nth-of-type(136){animation-name:rain-136;animation-delay:14s;animation-duration:6s;animation-iteration-count:infinite;left:26%;opacity:.43;top:-54%}@Keyframes rain-136{0%{left:26%;opacity:.43;top:-54%}to{opacity:0;top:94%}}.rain:nth-of-type(137){animation-name:rain-137;animation-delay:12s;animation-duration:8s;animation-iteration-count:infinite;left:14%;opacity:.59;top:-98%}@Keyframes rain-137{0%{left:14%;opacity:.59;top:-98%}to{opacity:0;top:138%}}.rain:nth-of-type(138){animation-name:rain-138;animation-delay:1s;animation-duration:7s;animation-iteration-count:infinite;left:99%;opacity:.55;top:-70%}@Keyframes rain-138{0%{left:99%;opacity:.55;top:-70%}to{opacity:0;top:110%}}.rain:nth-of-type(139){animation-name:rain-139;animation-delay:8s;animation-duration:9s;animation-iteration-count:infinite;left:45%;opacity:.35;top:-93%}@Keyframes rain-139{0%{left:45%;opacity:.35;top:-93%}to{opacity:0;top:133%}}.rain:nth-of-type(140){animation-name:rain-140;animation-delay:13s;animation-duration:8s;animation-iteration-count:infinite;left:69%;opacity:.33;top:-52%}@Keyframes rain-140{0%{left:69%;opacity:.33;top:-52%}to{opacity:0;top:92%}}.rain:nth-of-type(141){animation-name:rain-141;animation-delay:2s;animation-duration:8s;animation-iteration-count:infinite;left:51%;opacity:.47;top:-91%}@Keyframes rain-141{0%{left:51%;opacity:.47;top:-91%}to{opacity:0;top:131%}}.rain:nth-of-type(142){animation-name:rain-142;animation-delay:0s;animation-duration:7s;animation-iteration-count:infinite;left:86%;opacity:.51;top:-81%}@Keyframes rain-142{0%{left:86%;opacity:.51;top:-81%}to{opacity:0;top:121%}}.rain:nth-of-type(143){animation-name:rain-143;animation-delay:11s;animation-duration:10s;animation-iteration-count:infinite;left:62%;opacity:.54;top:-73%}@Keyframes rain-143{0%{left:62%;opacity:.54;top:-73%}to{opacity:0;top:113%}}.rain:nth-of-type(144){animation-name:rain-144;animation-delay:7s;animation-duration:8s;animation-iteration-count:infinite;left:84%;opacity:.39;top:-65%}@Keyframes rain-144{0%{left:84%;opacity:.39;top:-65%}to{opacity:0;top:105%}}.rain:nth-of-type(145){animation-name:rain-145;animation-delay:17s;animation-duration:6s;animation-iteration-count:infinite;left:4%;opacity:.33;top:-80%}@Keyframes rain-145{0%{left:4%;opacity:.33;top:-80%}to{opacity:0;top:120%}}.rain:nth-of-type(146){animation-name:rain-146;animation-delay:7s;animation-duration:9s;animation-iteration-count:infinite;left:29%;opacity:.6;top:-73%}@Keyframes rain-146{0%{left:29%;opacity:.6;top:-73%}to{opacity:0;top:113%}}.rain:nth-of-type(147){animation-name:rain-147;animation-delay:5s;animation-duration:7s;animation-iteration-count:infinite;left:54%;opacity:.4;top:-88%}@Keyframes rain-147{0%{left:54%;opacity:.4;top:-88%}to{opacity:0;top:128%}}.rain:nth-of-type(148){animation-name:rain-148;animation-delay:15s;animation-duration:7s;animation-iteration-count:infinite;left:93%;opacity:.42;top:-99%}@Keyframes rain-148{0%{left:93%;opacity:.42;top:-99%}to{opacity:0;top:139%}}.rain:nth-of-type(149){animation-name:rain-149;animation-delay:17s;animation-duration:9s;animation-iteration-count:infinite;left:14%;opacity:.58;top:-62%}@Keyframes rain-149{0%{left:14%;opacity:.58;top:-62%}to{opacity:0;top:102%}}.rain:nth-of-type(150){animation-name:rain-150;animation-delay:1s;animation-duration:7s;animation-iteration-count:infinite;left:32%;opacity:.6;top:-80%}@Keyframes rain-150{0%{left:32%;opacity:.6;top:-80%}to{opacity:0;top:120%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:montserrat,sans-serif;overflow:hidden}#container{background-image:url(/Weather-App/img/coldbg.66aebe54.jpg);background-size:cover;background-position:bottom;transition:.4s}#container.warmC{background-image:url(/Weather-App/img/warmbg.8502086b.jpg)}#container.coldF{background-image:url(/Weather-App/img/coldbgF.a9b7c0e5.jpg)}#container.warmF{background-image:url(/Weather-App/img/warmbgF.bfea403f.jpg)}main{min-height:100vh;padding:25px;background-image:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.35))}.wClouds{background-image:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.75))}.search-box{display:flex;width:100%;margin-bottom:30px}.search-box button{background-color:transparent;border:none}.search-box .search-icon{min-height:25px;height:3vh;padding:10px;margin:auto;cursor:pointer}.search-box .search-bar{display:block;width:100%;padding:15px;color:#313131;font-size:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none;box-shadow:0 0 8px rgba(0,0,0,.25);background-color:hsla(0,0%,100%,.5);border-radius:0 16px 0 16px;transition:.4s}.search-box .search-bar:focus{border-radius:16px 0 16px 0}.search-box .search-bar:focus,.search-box .search-bar:hover{box-shadow:0 0 16px rgba(0,0,0,.25);background-color:hsla(0,0%,100%,.75)}.toggle{position:relative;display:block;width:100px;height:40px;padding:3px;margin:10px;border-radius:50px;cursor:pointer}.toggle-input{position:absolute;top:0;left:0;opacity:0}.toggle-label{position:relative;display:block;height:inherit;font-size:1.25rem;background:#003cff;border-radius:inherit;box-shadow:inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 3px rgba(0,0,0,.15)}.toggle-label:after,.toggle-label:before{position:absolute;top:50%;color:#000;margin-top:-.5em;line-height:1}.toggle-label:before{content:attr(data-off);right:11px;color:#fff;text-shadow:0 1px hsla(0,0%,100%,.5)}.toggle-label:after{content:attr(data-on);left:11px;color:#fff;text-shadow:0 1px rgba(0,0,0,.2);opacity:0}.toggle-input:checked~.toggle-label{background:green}.toggle-input:checked~.toggle-label:before{opacity:0}.toggle-input:checked~.toggle-label:after{opacity:1}.toggle-handle{position:absolute;top:4px;left:4px;width:38px;height:38px;background:linear-gradient(180deg,#fff 40%,#f0f0f0);border-radius:50%}.toggle-handle:before{position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:16px;height:16px}.toggle-input:checked~.toggle-handle{left:64px;box-shadow:-1px 1px 5px rgba(0,0,0,.2)}.toggle-handle,.toggle-label{transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease}.error{text-align:center;margin:auto;color:#ff3333c5;background-color:#aaa5a58e;width:50vw;min-width:350px;padding:10px}.location-box .location{color:#fff;font-size:32px;font-weight:500;text-align:center;text-shadow:1px 3px rgba(0,0,0,.25)}.location-box .date{color:#fff;font-size:20px;font-weight:300;font-style:italic;text-align:center}.loader{margin:auto;border:16px solid #f3f3f3;border-top:16px solid #000203;border-radius:50%;width:80px;height:80px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.weather-box{text-align:center}.weather-box .temp{display:inline-block;padding:10px 25px;font-size:102px;font-weight:900;background-color:hsla(0,0%,100%,.25);border-radius:16px;margin:30px 0;box-shadow:3px 6px rgba(0,0,0,.25)}.weather-box .temp,.weather-box .weather{color:#fff;text-shadow:3px 6px rgba(0,0,0,.25)}.weather-box .weather{font-size:48px;font-weight:700;font-style:italic}