@import url(https://fonts.googleapis.com/css2?family=Lato&family=Playfair+Display&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{font-family:Lato,sans-serif;list-style:none;margin:0 auto;max-width:1440px;min-height:100vh;overflow:hidden;width:90%}.navbar{align-items:center;font-size:18px;height:80px;text-align:center}.logo,.navbar{display:flex;justify-content:space-between}.logo{cursor:pointer;flex-direction:row;gap:20px}.ph{background-image:linear-gradient(90deg,#ffd900,#ff0080);border-radius:20px;color:#fff;line-height:2.5;width:150px}.nav{justify-content:center}.nav,.nav ul{display:flex;width:100%}.nav ul{align-items:center;gap:20px;list-style:none}.nav ul,.nav-list{justify-content:space-between}.nav-list{cursor:pointer;display:flex;margin:0 auto;width:380px}.navbar .hamburger-menu,.navbar .ul-menu{cursor:pointer;display:none;width:30px}.signin{cursor:pointer;display:flex;gap:20px;justify-content:space-between}.signin li{padding:15px}.signin .btn{background-color:#2980d6;border-radius:5px;color:#fff;transition:.3s ease-out}.signin .btn:hover{background-color:#317ac2}@media screen and (max-width:1280px){.navbar .hamburger-menu{cursor:pointer;display:block}.navbar ul{align-items:center;background-color:gray;display:flex;flex-direction:column;height:350px;justify-content:center;left:0;margin:0 auto;opacity:.87;position:fixed;right:0;top:80px;transition:all 1s;width:90%;z-index:99}.nav-list{gap:30px;margin:0 auto}.nav-list,.signin{cursor:pointer;display:flex;flex-direction:column;font-weight:600;justify-content:center;width:200px}.signin{align-items:center;gap:20px}.navbar ul.toggle{top:-450px}@media screen and (max-width:560px){.logo{margin-left:5px}}}.section{height:650px}.section,.wrapper{align-items:center;display:flex;width:100%}.wrapper{flex-direction:row;font-family:Playfair Display,serif;justify-content:space-between}.image{align-items:center;display:flex;height:475px;justify-content:center;margin:100px;position:relative;z-index:99}.image,.wrapper .image img{width:475px}.hero{left:50px;position:absolute;top:50px;z-index:98}.blueimg{left:530px;position:relative;top:85px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:95}.pinkimg{left:52px;-webkit-transform:rotate(-35deg);transform:rotate(-35deg);z-index:96}.pinkimg,.purpleimg{position:relative;top:90px}.purpleimg{right:423px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);z-index:97}.text{display:flex;flex-direction:column;gap:15px}.text h1{font-size:56px;width:600px}.text p{width:460px}.form,.text p{font-family:Lato,sans-serif}.form{display:flex;flex-direction:column;gap:20px}.form .input{align-items:center;display:flex;flex-direction:row;justify-content:space-around;text-align:center;width:90%}.input input{border:none;font-size:18px;height:30px;width:270px}.input button,.input input{font-family:Lato,sans-serif}.input button{background-color:#2980d6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:50px;margin-left:20px;width:120px}.check{display:flex;flex-direction:row}.check p{margin-left:10px}@media screen and (max-width:1280px){.section{height:100%;justify-content:center;margin:0 auto}.section,.wrapper{align-items:center;display:flex;width:100%}.wrapper{flex-direction:column;font-family:Playfair Display,serif;justify-content:space-between;margin-top:100px}.image{align-items:center;display:flex;height:475px;justify-content:center;order:-1;position:relative;top:-150px;z-index:98}.image,.wrapper .image img{width:475px}.text{display:flex;flex-direction:column;margin-top:-100px}.hero{left:50px;position:absolute;top:50px;width:80%;z-index:98}.blueimg{left:530px;position:relative;top:85px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:95}.pinkimg{left:52px;-webkit-transform:rotate(-35deg);transform:rotate(-35deg);z-index:96}.pinkimg,.purpleimg{position:relative;top:90px}.purpleimg{right:423px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);z-index:97}}@media screen and (max-width:1024px){.image{align-items:center;display:flex;justify-content:center;order:-1;position:relative;top:-150px;width:375px}.wrapper .image img{width:300px}.text{align-items:center;display:flex;flex-direction:column;margin-top:-250px;width:100%}.hero{left:50px;position:absolute;top:50px}.blueimg{left:340px;position:relative;top:-20px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:95}.pinkimg{left:40px;-webkit-transform:rotate(-35deg);transform:rotate(-35deg);z-index:96}.pinkimg,.purpleimg{position:relative;top:-10px}.purpleimg{right:270px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);z-index:97}}@media screen and (max-width:660px){.text h1{font-size:46px;margin:0 auto;width:600px;width:90%}.text p{width:300px;width:90%}.form{margin-top:20px}.input input{padding-left:25px;width:90%}.check{display:flex;flex-direction:row;gap:10px;margin:0 auto;width:90%}.check p{margin-left:10px}.check img{width:25px}.form{width:100%}.form,.form .input{display:flex;flex-direction:column;justify-content:center}.form .input{gap:15px;margin:0 auto;text-align:center;width:90%}.input input{border:none;font-size:18px;height:30px;width:100%}.input button,.input input{font-family:Lato,sans-serif}.input button{background-color:#2980d6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:50px;margin:0 auto;width:90%}}.footer{align-items:center;display:flex;flex-direction:row;height:200px;justify-content:space-between;margin:0 auto;width:90%}.footer-nav{cursor:pointer;display:flex;font-size:18px;gap:20px}.footer-end{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center}.footer-img img{width:55px}.footer-text{display:flex;flex-direction:column;font-size:18px;line-height:1}.footer-text span{color:#000;font-weight:600}@media screen and (max-width:660px){.footer{flex-wrap:wrap;margin-top:20px}.footer,.footer-end{display:flex;justify-content:left}.footer-end{align-items:center;flex-direction:row;gap:20px;width:450px}}
/*# sourceMappingURL=main.a400e7e6.css.map*/