@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background-image:url(https://images.unsplash.com/photo-1470122619772-bf3359cc11e9?q=80&w=1374&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);image-rendering:optimizeQuality;background-size:cover;background-repeat:no-repeat}main{height:100vh}.toppart{height:10%;display:flex;justify-content:center;align-items:center}.toppart h3{font-weight:400;font-size:1.3rem;font-family:Roboto,sans-serif;color:#fff}.commingsoonpart{height:50%;display:flex;justify-content:center;align-items:center}.commingsoonpart h1{font-size:6rem;font-weight:200;font-family:Roboto,sans-serif;color:#fff;transition:2s cubic-bezier(.9,.03,.37,.99);animation:drop 2s ease-in-out}.let1{animation:drop 1.4s ease-in infinite;animation-delay:1s;font-weight:200}.let2{animation:drop 1.4s ease-in-out infinite;animation-delay:1.1s;font-weight:200}.let3{animation:drop 1.4s ease-in-out infinite;animation-delay:1.2s;font-weight:200}.let4{animation:drop 1.4s ease-in-out infinite;animation-delay:1.3s;font-weight:200}.let5{animation:drop 1.4s ease-in-out infinite;animation-delay:1.4s;font-weight:200}.let6{animation:drop 1.4s ease-in-out infinite;animation-delay:1.5s;font-weight:200}.let7{animation:drop 1.4s ease-in-out infinite;animation-delay:1.6s;font-weight:400}.let8{animation:drop 1.4s ease-in-out infinite;animation-delay:1.7s;font-weight:400}.let9{animation:drop 1.4s ease-in-out infinite;animation-delay:1.8s;font-weight:400}.let10{animation:drop 1.4s ease-in-out infinite;animation-delay:1.9s;font-weight:400}@keyframes drop{10%{opacity:.8}90%{opacity:.5}to{opacity:0;top:5.94em}}.notifyemail{height:20%;display:flex;justify-content:center;align-items:center}.inputcon{width:28%;background-color:#fff;height:50%;border-radius:35px}.inputcon input{width:75%;height:100%;border-top-left-radius:40px;border-bottom-left-radius:40px;border:none;outline:none;font-size:18px;padding:0 10px;font-family:Roboto,sans-serif}.inputcon button{width:23.5%;height:85%;border:none;font-size:16px;font-family:Roboto,sans-serif;background-color:orange;cursor:pointer;color:#fff}.logo{height:10%;display:flex;justify-content:end;align-items:center}.logocon{width:10%;height:100%;margin:0 2%;display:flex;justify-content:center;align-items:center}.logocon svg{width:30px}.success_message{width:100%;height:80px;background-color:orange;position:absolute;left:0;display:flex;justify-content:center;align-items:center}.success_message h1{font-size:50px;color:#fff;font-family:Inter,sans-serif;font-weight:300}@media screen and (max-width:349px){.toppart h3{font-weight:400;font-size:.8rem;font-family:Roboto,sans-serif;color:#fff}.commingsoonpart h1{font-size:2.5rem;font-weight:200;font-family:Roboto,sans-serif;color:#fff}.commingsoonpart{height:46%;display:flex;justify-content:center;align-items:center}.inputcon{width:95%;height:50%;border-radius:35px}.inputcon button{width:30%;height:85%;border-radius:40px;border:none;font-size:15px;font-family:Roboto,sans-serif;background-color:orange;cursor:pointer;color:#fff}.inputcon input{width:68%;height:100%;border-top-left-radius:40px;border-bottom-left-radius:40px;border:none;outline:none;font-size:16px;padding:0 10px;font-family:Roboto,sans-serif}.success_message h1{font-size:1.2rem;color:#fff;font-family:Inter,sans-serif;font-weight:300}}@media screen and (min-width:350px){.success_message{width:100%;height:80px;background-color:orange;position:absolute;left:0;display:flex;justify-content:center;align-items:center}.success_message h1{font-size:1.2rem;color:#fff;font-family:Inter,sans-serif;font-weight:300}.toppart h3{font-weight:400;font-size:.9rem;font-family:Roboto,sans-serif;color:#fff}.commingsoonpart h1{font-size:2.8rem;font-weight:200;font-family:Roboto,sans-serif;color:#fff}.commingsoonpart{height:46%;display:flex;justify-content:center;align-items:center}.inputcon{width:95%;background-color:#fff;height:50%;border-radius:35px}.inputcon button{width:30%;height:85%;border-radius:40px;border:none;font-size:15px;font-family:Roboto,sans-serif;background-color:orange;cursor:pointer;color:#fff}.inputcon input{width:68%;height:100%;border-top-left-radius:40px;border-bottom-left-radius:40px;border:none;outline:none;font-size:16px;padding:0 10px;font-family:Roboto,sans-serif}.logocon{width:10%;height:100%;margin:0 2%;display:flex;justify-content:center;align-items:end}}@media screen and (min-width:522px){.toppart h3{font-weight:400;font-size:1rem;font-family:Roboto,sans-serif;color:#fff}.commingsoonpart h1{font-size:4.1rem;font-weight:200;font-family:Roboto,sans-serif;color:#fff}}@media screen and (min-width:767px){.toppart h3{font-weight:400;font-size:1.2rem;font-family:Roboto,sans-serif;color:#fff}.commingsoonpart h1{font-size:5.5rem;font-weight:200;font-family:Roboto,sans-serif;color:#fff}.inputcon{width:55%;height:50%;border-radius:35px}.inputcon button{width:30%;height:85%;border-radius:40px;border:none;font-size:15px;font-family:Roboto,sans-serif;background-color:orange;cursor:pointer;color:#fff}.inputcon input{width:68%;height:100%;border-top-left-radius:40px;border-bottom-left-radius:40px;border:none;outline:none;font-size:16px;padding:0 10px;font-family:Roboto,sans-serif}}@media screen and (min-width:1024px){.toppart h3{font-weight:400;font-size:1.2rem;font-family:Roboto,sans-serif;color:#fff}.commingsoonpart h1{font-size:5.5rem;font-weight:200;font-family:Roboto,sans-serif;color:#fff}.success_message h1{font-size:1.5rem;color:#fff;font-family:Inter,sans-serif;font-weight:300}.inputcon{width:30%;background-color:#fff;height:50%;border-radius:35px}.inputcon button{width:30%;height:85%;border-radius:40px;border:none;font-size:15px;font-family:Roboto,sans-serif;background-color:orange;cursor:pointer;color:#fff}.inputcon input{width:68%;height:100%;border-top-left-radius:40px;border-bottom-left-radius:40px;border:none;outline:none;font-size:16px;padding:0 10px;font-family:Roboto,sans-serif}}