body{margin:0;padding:0;height:100vh;overflow:hidden}.App{height:100vh;width:100%;background-color:#222225;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.coming-soon-container{min-width:400px;z-index:10;position:relative}.coming-soon-text{font-family:Montserrat,sans-serif;font-weight:700;font-size:5rem;color:#dedede;line-height:.6}.small-text{display:block;font-family:Montserrat,sans-serif;font-weight:400;font-size:1.5rem;color:#aaa;text-transform:uppercase;letter-spacing:.25rem;margin-bottom:0}.floating-watermelons-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.watermelon-icon{position:absolute;font-size:5rem;opacity:0;animation:floatAndFade 15s infinite ease-in-out forwards}@keyframes floatAndFade{0%{transform:translate(0) rotate(0) scale(.8);opacity:0}20%{opacity:.7}80%{opacity:.4}to{transform:translate(calc(var(--rand-x) * 1vw),calc(var(--rand-y) * 1vh)) rotate(calc(var(--rand-rotate) * 1deg)) scale(1.2);opacity:0}}.watermelon-icon:nth-child(1){top:10%;left:5%;animation-delay:0s;--rand-x: 50;--rand-y: 80;--rand-rotate: 180}.watermelon-icon:nth-child(2){top:20%;left:15%;animation-delay:1s;--rand-x: -30;--rand-y: 60;--rand-rotate: -90}.watermelon-icon:nth-child(3){top:5%;left:30%;animation-delay:2s;--rand-x: 20;--rand-y: 70;--rand-rotate: 270}.watermelon-icon:nth-child(4){top:30%;left:40%;animation-delay:3s;--rand-x: -10;--rand-y: 90;--rand-rotate: 45}.watermelon-icon:nth-child(5){top:15%;left:55%;animation-delay:4s;--rand-x: 60;--rand-y: 50;--rand-rotate: 300}.watermelon-icon:nth-child(6){top:40%;left:70%;animation-delay:5s;--rand-x: -40;--rand-y: 70;--rand-rotate: 120}.watermelon-icon:nth-child(7){top:25%;left:85%;animation-delay:6s;--rand-x: 30;--rand-y: 80;--rand-rotate: -150}.watermelon-icon:nth-child(8){top:50%;left:10%;animation-delay:7s;--rand-x: 20;--rand-y: 90;--rand-rotate: 60}.watermelon-icon:nth-child(9){top:60%;left:25%;animation-delay:8s;--rand-x: -20;--rand-y: 70;--rand-rotate: 210}.watermelon-icon:nth-child(10){top:45%;left:60%;animation-delay:9s;--rand-x: 10;--rand-y: 80;--rand-rotate: -30}.watermelon-icon:nth-child(11){top:70%;left:75%;animation-delay:10s;--rand-x: -50;--rand-y: 60;--rand-rotate: 240}.watermelon-icon:nth-child(12){top:80%;left:35%;animation-delay:11s;--rand-x: 40;--rand-y: 90;--rand-rotate: 90}.watermelon-icon:nth-child(13){top:90%;left:50%;animation-delay:12s;--rand-x: -30;--rand-y: 50;--rand-rotate: -180}.watermelon-icon:nth-child(14){top:65%;left:5%;animation-delay:13s;--rand-x: 60;--rand-y: 70;--rand-rotate: 30}.watermelon-icon:nth-child(15){top:55%;left:90%;animation-delay:14s;--rand-x: -10;--rand-y: 80;--rand-rotate: 150}@media (max-width: 768px){.App{align-items:flex-start;padding-top:25vh}.coming-soon-text{font-size:3rem;line-height:1}.small-text{font-size:1rem;letter-spacing:.2rem}.watermelon-icon{font-size:3.5rem}}