.appear{transition:all 2s;opacity:0;filter:blur(5px)}.appear.show{opacity:1;filter:blur(0)}.connect{background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.connect-text{color:#000;font-weight:bolder;text-align:center;z-index:1}.iphone-mockup-container{z-index:3;position:sticky}.filler{color:transparent}.mighty-networks-container{display:flex}.mighty-networks-text{color:#000;font-weight:light}#cover-filler{position:sticky;top:0;z-index:2;background-color:#fff}@media (min-width:320px){.connect{padding:50px 0}.connect,.iphone-mockup-container{flex-direction:column;justify-content:center;align-items:center}.iphone-mockup-container{top:30%;display:flex}.iphone-mockup-1{max-width:600px;max-height:600px;width:260px;height:auto}.mighty-networks-container{margin:30px;display:flex;justify-content:center;gap:10px}.mighty-networks-text{font-size:16px}.mighty-networks-logo{width:25px;height:25px}.connect-text{font-size:30px;position:sticky;margin-bottom:150px}#build-text{top:10px}#create-text{top:50px}#chat-text{top:90px}#start-now{top:140px;font-weight:600;font-size:25px;color:#3a82f5;margin-bottom:650px}#cover-filler{width:100%;height:700px}#bottom-filler{margin-bottom:50px}}@media (min-width:480px){.connect-text{font-size:35px}#start-now{font-size:30px}}@media (min-width:600px){.iphone-mockup-1{max-width:800px;max-height:800px;width:auto;height:auto}#cover-filler{height:900px}}.landing{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#001220}.landing-title-1,.landing-title-2{font-weight:bolder}.landing-subtitle{font-weight:lighter}#as-text,#pinoy-text{background:linear-gradient(#14171f,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (min-width:320px){.landing{padding:80px 0}.landing-title-1{font-size:60px;line-height:.1}.landing-title-2{font-size:150px;line-height:1.3}.landing-subtitle{font-size:40px;width:90%}.tayo-logo{width:75px;height:75px}}@media (min-width:480px){.landing-title-1{font-size:80px}.landing-title-2{line-height:1.3;font-size:190px}.landing-subtitle{width:80%}}@media (min-width:600px){.landing{padding:100px 0}.landing-title-1{font-size:100px}.landing-title-2{font-size:220px}.landing-subtitle{font-size:50px}.tayo-logo{width:100px;height:100px}}@media (min-width:1025px){.landing-subtitle{width:840px}}