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;font-family:poppins;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Main{background:#aeb1ee;background:linear-gradient(90deg,#aeb1ee 27%,#dcabed 40%,#e994c5);height:100vh;width:100%}.sub-main{display:flex}.sub-main .slogans{align-items:flex-start;display:flex;flex-direction:column;padding-left:4%;padding-top:15%}.sub-main .slogans p{font-family:poppins;font-size:80px;font-weight:800;line-height:1.2;margin:0}.sub-main .slogans button{align-items:center;background-color:#cd5c5c;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:poppins;font-size:20px;font-weight:lighter;height:60px;margin-top:4%;text-align:center;width:250px}.sub-main .desc{font-size:20px;font-weight:lighter;line-height:2;padding-left:10%;padding-top:15%;text-align:left;width:50%}.sub-main .slogans button:hover{background-color:#7c0a02}.sub-main .slogans button svg{vertical-align:middle}.Main .steps{display:flex;justify-content:space-evenly;margin-top:3%}.Main img{border-radius:50%;height:200px;width:200px}.scroll-down{bottom:20px;color:#162836;font-size:40px;left:50%;position:fixed;text-decoration:none;transform:translateX(-50%)}.scroll-down svg{vertical-align:middle;z-index:0}@media screen and (min-width:200px) and (max-width:300px){.Main{height:150%;width:100%}.sub-main{display:flex;flex-direction:column;padding-top:0;.slogans p{font-size:20px}.desc p{font-size:10px}.slogans button{font-size:15px;height:40px;width:180px}}}@media screen and (min-width:301px) and (max-width:400px){.Main{height:150%;width:100%}.sub-main{display:flex;flex-direction:column;padding-top:0;.slogans p{font-size:30px}.desc p{font-size:15px}.slogans button{font-size:15px;height:40px;width:180px}}}@media screen and (min-width:401px) and (max-width:600px){.Main{height:150%;width:100%}.sub-main{display:flex;flex-direction:column;padding-top:0;.slogans p{font-size:40px}.desc p{font-size:15px}.slogans button{font-size:15px;height:40px;width:180px}}}@media screen and (min-width:601px) and (max-width:992px){.Main{width:100%}.sub-main{display:flex;flex-direction:column}}@media screen and (min-width:993px){.Main,.sub-main{width:100%}}.categories{animation:gradient-animation 5s ease infinite;background:linear-gradient(300deg,#9400d3,#fa22fa,#00bfff);background-size:180% 180%;height:100vh}.categories h3{color:#162836;font-family:poppins;font-size:30px;margin-top:0;padding-top:1%;text-align:center}.categories h3 hr{background-color:#162836;border:none;height:3px;width:6%}.categories h1{color:#162836;font-family:poppins;font-size:40px;margin-top:0;padding-top:0;text-align:center}.grid-layout,.row,.row2{grid-row-gap:25px;grid-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(2,1fr);margin-left:10%;row-gap:25px}.element{display:flex;text-align:center}.element img{border-radius:10px;cursor:pointer;height:200px;transition:transform .3s ease-in-out;width:200px}.element img:hover{transform:scale(1.1)}.element h2,.element p{color:#162836;margin:0}.desc{padding-left:20px}.element .desc .icon{border-radius:50%;color:#162836;cursor:pointer;height:40px;margin-top:10%;transition:transform .2s ease-in-out;width:40px}.element .desc .icon:hover{transform:scale(1.3)}.categories .more{border:none;color:#162836;cursor:pointer;font-size:30px;font-weight:550;margin-left:45%;margin-top:20%;text-decoration:none;transition:transform .1s ease-in-out;transition-delay:.1s}.categories .more .lower-icon{vertical-align:middle}.categories .more:hover{transform:scale(1.2)}@media screen and (min-width:993px){.categories{height:-webkit-max-content;height:max-content;width:100%}.categories .more{margin-left:70%}.grid-layout{align-items:center}}@media screen and (min-width:601px) and (max-width:992px){.categories{height:-webkit-max-content;height:max-content}.grid-layout{transform:scale(.8)}.grid-layout,.row,.row2{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:401px) and (max-width:600px){.categories{height:-webkit-max-content;height:max-content}.grid-layout,.row,.row2{grid-template-columns:repeat(1,1fr);margin-left:0}.grid-layout{margin-top:-45%;transform:scale(.7)}.categories h1{font-size:25px}.categories .more{font-size:30px;margin-left:25%}}@media screen and (min-width:301px) and (max-width:400px){.grid-layout,.row,.row2{grid-template-columns:repeat(1,1fr);margin-left:0}.categories{height:-webkit-max-content;height:max-content}.categories h1{font-size:25px}.grid-layout{margin-top:-40%;transform:scale(.7)}.categories .more{font-size:30px;margin-left:25%}}@media screen and (min-width:200px) and (max-width:300px){.categories{height:-webkit-max-content;height:max-content;h1{font-size:25px}}.grid-layout,.row,.row2{grid-template-columns:repeat(1,1fr);margin-left:-10%}.grid-layout{margin-top:-50%;transform:scale(.6)}.categories h1{font-size:25px}.categories .more{font-size:30px;margin-left:20%}}.steps{background-color:#5d3587;height:100vh}.images-container{display:flex;justify-content:space-evenly;padding-top:1%}.image-step{text-align:center}.image-step img{border-radius:50%;height:200px;width:200px}.steps{display:flex;flex-direction:column}.steps h2{padding-top:3%}.steps h1,.steps h2{color:#fff;margin-top:0;text-align:center}.steps h1{padding-top:1%}.steps .images-container .image-step h4{color:#fff;font-weight:300;margin:0 auto;max-width:180px}.steps .images-container .image-step h2{padding-left:2%}.steps .images-container .image-step .stepno{align-items:center;background-color:#9370db;border-radius:50%;font-weight:bolder;height:40px;margin-left:42%;text-align:center;width:40px;p{color:#fff;padding-top:15%}}.steps .details .step-details .stepno p{color:#fff;padding-top:15%}.steps button{align-items:center;background-color:#cd5c5c;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:poppins;font-size:20px;font-weight:lighter;height:60px;margin-bottom:2%;margin-left:42%;margin-top:2%;text-align:center;width:250px}.steps button:hover{background-color:#7c0a02}.steps button svg{vertical-align:middle}@media screen and (min-width:768px){.steps{height:-webkit-max-content;height:max-content;width:100%}}@media screen and (min-width:601px) and (max-width:767px){.steps{height:-webkit-max-content;height:max-content;h1{font-size:30px}button{margin-left:35%}}.images-container{transform:scale(.8)}}@media screen and (min-width:200px) and (max-width:400px){.steps{height:-webkit-max-content;height:max-content}.steps button{font-size:15px;height:40px;margin-left:30%;width:140px}.images-container{display:flex;flex-direction:column;margin-top:-40%;transform:scale(.7);.image-step{margin-bottom:20px}}}@media screen and (min-width:401px) and (max-width:600px){.steps{height:-webkit-max-content;height:max-content}.steps button{font-size:15px;height:40px;margin-left:35%;width:160px}.images-container{display:flex;flex-direction:column;margin-top:-40%;transform:scale(.7);.image-step{margin-bottom:20px}}}ul{line-height:2}@media screen and (min-width>=601px){footer{width:100%}}@media screen and (min-width:200px) and (max-width:600px){footer{display:flex;flex-direction:column}}.navbar{align-items:center;background:#162836;display:flex;font-family:poppins;height:80px;justify-content:center}.navbar-logo{align-items:flex-start;img{height:50px;width:100px}}.nav-menu{grid-gap:10px;display:grid;grid-template-columns:repeat(5,auto);justify-content:center;list-style:none;margin-right:2rem;text-align:center;width:70vw}.nav-item{align-items:center;display:flex;height:80px}.nav-links{color:#fff;padding:.5rem 1rem;text-decoration:none}.nav-links:hover{background-color:#cd5c5c;border-radius:4px;transition:all .2s ease-out}.fa-bars{color:#fff}.menu-icon,.nav-links-mobile{display:none}.nav-right button{background-color:#cd5c5c;border-radius:10px;font-family:poppins;font-size:18px;font-weight:500;padding:10px 15px}.nav-right button:hover{background-color:#7c0a02}@media screen and (max-width:600px){.nav-menu{display:flex;flex-direction:column;height:90vh;left:-100%;opacity:1;position:absolute;top:80px;transition:all .5s ease;width:80%}.nav-menu.active{background:#162836;left:0;opacity:1;padding-left:0;transition:all .3s ease;width:100%;z-index:1}.nav-links{display:table;padding:2rem;text-align:center;width:100%}.nav-links:hover{background-color:#1888ff;border-radius:0}.navbar-logo{left:0;top:0;vertical-align:middle;img{height:2em;width:4em}}.menu-icon{cursor:pointer;display:block;font-size:25px;position:absolute;right:0;top:0;transform:translate(-100%,60%)}.fa-times{color:#fff;font-size:2rem}.nav-links-mobile{background:#cd5c5c;border-radius:4px;color:#fff;display:block;font-size:1.5rem;margin:2rem auto;padding:10px 15px;text-align:center;text-decoration:none;width:60%}.nav-right{display:none}}.login-container{align-items:center;animation:gradient-animation 18s ease infinite;background:linear-gradient(300deg,#9e1f63,#392d91,#31b7c2);background-size:180% 180%;display:flex;flex-direction:column;height:100vh;justify-content:center}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-top:20px;padding:20px;position:relative;text-align:center;z-index:0}h2{color:#fff}form{display:flex;flex-direction:column}label{color:#fff;margin-bottom:8px}input{border:1px solid #ddd;border-radius:5px;margin-bottom:16px}button,input{outline:none;padding:10px}button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer}button:hover{background-color:#2980b9}@media screen and (max-width:300px){.card{margin-top:80%}}@media screen and (min-width:300px) and (max-width:600px){.card{margin-top:30%}}@media screen and (min-width:601px){.card{height:30%;width:40%}}
/*# sourceMappingURL=main.8a9470ce.css.map*/