@import url(https://fonts.googleapis.com/css2?family=Baloo+2&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.menuItems{display:flex;flex-direction:column}#instruction{font-family:"Baloo 2",cursive}.instruction_list{margin-top:10px}.instruction_top{margin-bottom:10px}li{padding:10px 0}button{font-size:30px;margin-right:30px;color:#fff;background:transparent;border:none;cursor:pointer;outline:none;float:right}.navBar{width:100%;background-color:#111;color:#fff;padding:10px}.links{height:0;overflow:hidden;list-style-type:none;font-weight:700}.show-nav{height:120px}.top{position:absolute;top:0;left:0;width:100%;margin-left:auto;margin-top:150px;padding:0}.header-content{padding-top:0;margin-top:5%;text-align:center;color:#f5f5f8}.header-content h1{text-transform:uppercase;font-size:3em;letter-spacing:1px}.header-content p{font-size:20px;line-height:1.5;margin:10px auto}.header-content button{width:140px;margin:20px 10px;color:#591bc5;font-size:17px;border:1px solid #efeef5;font-weight:500;background:#efeef5;border-radius:20px;padding:10px;cursor:pointer;transition:.3s}.header-content button:hover{border-radius:10px}@-webkit-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes cube{0%{-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%);opacity:1}to{-webkit-transform:scale(20) rotate(960deg) translate(-50%,-50%);transform:scale(20) rotate(960deg) translate(-50%,-50%);opacity:0}}@keyframes cube{0%{-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%);opacity:1}to{-webkit-transform:scale(20) rotate(960deg) translate(-50%,-50%);transform:scale(20) rotate(960deg) translate(-50%,-50%);opacity:0}}.container-fluid{height:100%;background:#445344}.background,.container-fluid{margin:0;padding:0;width:100%}.background{background:linear-gradient(132deg,#fc415a,#591bc5,#212335,#649964);background-size:400% 400%;-webkit-animation:Gradient 15s ease infinite;animation:Gradient 15s ease infinite;position:relative;height:100vh;overflow:hidden}.cube{position:absolute;top:80vh;left:45vw;width:10px;height:10px;border:1px solid #d7d4e4;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%);-webkit-animation:cube 10s ease-in infinite forwards;animation:cube 10s ease-in infinite forwards}.cube:nth-child(2n){border-color:#fff}.cube:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s;left:25vw;top:40vh}.cube:nth-child(3){-webkit-animation-delay:4s;animation-delay:4s;left:75vw;top:50vh}.cube:nth-child(4){-webkit-animation-delay:6s;animation-delay:6s;left:90vw;top:10vh}.cube:nth-child(5){-webkit-animation-delay:8s;animation-delay:8s;left:10vw;top:85vh}.cube:nth-child(6){-webkit-animation-delay:10s;animation-delay:10s;left:50vw;top:10vh}.footer{color:#f5f5f8;margin-top:80px;text-align:center}.container1{height:200px;position:relative}.vertical-center{margin:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:90px}.heading{color:#efeef5;text-align:center;font-size:45px;margin-bottom:70px}@media screen and (min-width:768px){button{display:none}.links{height:auto;display:flex}li{padding:0 15px}}@media screen and (max-width:768px){.header-content h1{text-transform:uppercase;font-size:1.5em;letter-spacing:1px}.header-content p{font-size:15px;line-height:1.5;margin:10px auto}.header-content button{width:120px;margin:20px 10px;color:#591bc5;font-size:10px;border:1px solid #efeef5;font-weight:500;background:#efeef5;border-radius:20px;padding:10px;cursor:pointer;transition:.3s}.header-content button:hover{border-radius:10px}}*{font-family:"Poppins",sans-serif}.body2{height:100vh;display:flex;justify-content:center;align-items:center;padding:10px;background:linear-gradient(135deg,#71b7e6,#9b59b6)}.containerr{max-width:700px;width:100%;padding:25px 30px;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,.15)}.containerr .title{font-size:25px;font-weight:500;position:relative}.containerr .title:before{content:"";position:absolute;left:0;bottom:0;height:3px;width:30px;border-radius:5px;background:linear-gradient(135deg,#71b7e6,#9b59b6)}.content form .user-details{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0 12px}form .user-details .input-box{margin-bottom:15px;width:calc(50% - 20px)}form .input-box span.details{display:block;font-weight:500;margin-bottom:5px}.user-details .input-box input{height:45px;width:100%;outline:none;font-size:16px;border-radius:5px;padding-left:15px;border:solid #ccc;border-width:1px 1px 2px;transition:all .3s ease}.user-details .input-box input:focus,.user-details .input-box input:valid{border-color:#9b59b6}form .gender-details .gender-title{font-size:20px;font-weight:500}form .category{display:flex;width:80%;margin:14px 0;justify-content:space-between}form .category label{display:flex;align-items:center;cursor:pointer}form .category label .dot{height:18px;width:18px;border-radius:50%;margin-right:10px;background:#d9d9d9;border:5px solid transparent;transition:all .3s ease}#dot-1:checked~.category label .one,#dot-2:checked~.category label .two,#dot-3:checked~.category label .three{background:#9b59b6;border-color:#d9d9d9}form input[type=radio]{display:none}form .button{height:45px;margin:35px 0}form .button input{height:100%;width:100%;border-radius:5px;border:none;color:#fff;font-size:18px;font-weight:500;letter-spacing:1px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#71b7e6,#9b59b6)}form .button input:hover{background:linear-gradient(-135deg,#71b7e6,#9b59b6)}@media(max-width:584px){.container{max-width:100%}form .user-details .input-box{margin-bottom:15px;width:100%}form .category{width:100%}.content form .user-details{max-height:300px;overflow-y:scroll}.user-details::-webkit-scrollbar{width:5px}}@media(max-width:459px){.containerr .content .category{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}h1{font-size:2.5rem;font-family:"Montserrat";font-weight:400;color:#f5f5f5;text-align:center;margin:2rem 0}.wrapper{width:90%;margin:0 auto;max-width:80rem}.cols{display:flex;flex-wrap:wrap;justify-content:center}.col{width:calc(25% - 2rem);margin:1rem;cursor:pointer}.containerSearch{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px}.back,.front{background-size:cover;box-shadow:0 4px 8px 0 rgba(0,0,0,.25);background-position:50%;transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1),-webkit-transform .7s cubic-bezier(.4,.2,.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:center;min-height:280px;height:auto;border-radius:10px;color:#fff;font-size:1.5rem}.back{background:#cedce7;background:linear-gradient(45deg,#cedce7,#596a72)}.front:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:"";display:block;opacity:.6;background-color:#000;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px}.containerSearch:hover .back,.containerSearch:hover .front{transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1),-webkit-transform .7s cubic-bezier(.4,.2,.2,1)}.back{top:0}.back,.innerr{position:absolute;left:0;width:100%}.innerr{-webkit-transform:translateY(-50%) translateZ(60px) scale(.94);transform:translateY(-50%) translateZ(60px) scale(.94);top:50%;padding:2rem;box-sizing:border-box;outline:1px solid transparent;-webkit-perspective:inherit;perspective:inherit;z-index:2}.containerSearch .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.containerSearch .front,.containerSearch:hover .back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.containerSearch:hover .front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.front .inner p{font-size:2rem;margin-bottom:2rem;position:relative}.front .inner p:after{content:"";width:4rem;height:2px;position:absolute;background:#c6d4df;display:block;left:0;right:0;margin:0 auto;bottom:-.75rem}.front .inner span{color:hsla(0,0%,100%,.7);font-family:"Montserrat";font-weight:300}@media screen and (max-width:64rem){.col{width:calc(33.33333% - 2rem)}}@media screen and (max-width:48rem){.col{width:calc(50% - 2rem)}}@media screen and (max-width:32rem){.col{width:100%;margin:0 0 2rem}}.pic{background-image:url(https://unsplash.it/503/503)}.heading{margin-top:90px}.head{color:#f0a500}input,input[type=checkbox]+label:before,input[type=radio]+label,select,select option{width:100%;padding:1em;line-height:1.4;background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:3px;transition:.35s ease-in-out;transition:all .35s ease-in-out}input:focus{outline:0;border-color:#bd8200}input:focus+.input-icon i{color:#f0a500}input:focus+.input-icon:after{border-right-color:#f0a500}input[type=radio]{display:none}input[type=radio]+label,select{display:inline-block;width:50%;text-align:center;border-radius:0}input[type=radio]+label:first-of-type{border-top-left-radius:3px;border-bottom-left-radius:3px}input[type=radio]+label:last-of-type{border-top-right-radius:3px;border-bottom-right-radius:3px}input[type=radio]+label i{padding-right:.4em}input[type=radio]:checked+label{background-color:#f0a500;color:#fff;border-color:#bd8200}input:checked+label:after{opacity:1}.input-group{margin-bottom:2em;zoom:1}.input-group:after,.input-group:before{content:"";display:table}.input-group:after{clear:both}.input-group-icon{position:relative}.input-group-icon input{padding-left:4.4em}.input-group-icon .input-icon{position:absolute;top:0;left:0;width:3.4em;height:3.4em;line-height:3.4em;text-align:center;pointer-events:none}.input-group-icon .input-icon:after{position:absolute;top:.6em;bottom:.6em;left:3.4em;display:block;border-right:1px solid #e5e5e5;content:""}.input-group-icon .input-icon:after,.input-group-icon .input-icon i{transition:.35s ease-in-out;transition:all .35s ease-in-out}.containerr{max-width:38em;padding:1em 3em 2em;margin:0 auto;background-color:#fff;border-radius:4.2px;box-shadow:0 3px 10px -2px rgba(0,0,0,.2)}.row{zoom:1}.row:after,.row:before{content:"";display:table}.row:after{clear:both}.col-half{display:flex;flex-direction:column}.col-half>h4{margin-bottom:12px}.col-half:last-of-type{padding-right:0}.col-third{padding-right:10px;float:left;width:33.33333333%}.col-third:last-of-type{padding-right:0}@media only screen and (max-width:540px){.col-half{width:100%;padding-right:0}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.bodyy{font-family:"Convergence",sans-serif;height:100%;width:100%;display:grid;justify-content:center;align-items:center;font-size:1.2rem;background-color:#060b23;display:inline-block}.form{position:relative;width:20rem;height:3rem;margin:40px}.form__input{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #e1e5ee;border-radius:.5rem;font-family:inherit;font-size:inherit;color:#fff;outline:none;padding:1.25rem;background:none}.form__input:hover{border-color:#adffff}.form__input:focus{border-color:#18ffff}.form__label{position:absolute;left:1rem;top:.8rem;padding:0 .5rem;color:#fff;cursor:text;transition:top .2s ease-in,left .2s ease-in,font-size .2s ease-in;background-color:#060b23}@media only screen and (min-width:1268px){.form{display:inline-block}}@media only screen and (max-width:768px){.form{width:15rem}.heading{font-size:25px}}.form__input:not(:-ms-input-placeholder).form__input:not(:focus)~.form__label{top:-.5rem;font-size:.8rem;left:.8rem}.form__input:focus~.form__label,.form__input:not(:placeholder-shown).form__input:not(:focus)~.form__label{top:-.5rem;font-size:.8rem;left:.8rem}body{background-color:#060b23}.form-style-6{font:95% Arial,Helvetica,sans-serif;max-width:400px;margin:10px auto;padding:16px;background:#f7f7f7}.form-style-6 h1{background:#43d1af;padding:20px 0;font-size:140%;font-weight:300;text-align:center;color:#fff;margin:-16px -16px 16px}.form-style-6 input[type=date],.form-style-6 input[type=datetime],.form-style-6 input[type=email],.form-style-6 input[type=number],.form-style-6 input[type=search],.form-style-6 input[type=text],.form-style-6 input[type=time],.form-style-6 input[type=url],.form-style-6 select,.form-style-6 textarea{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:100%;background:#fff;margin-bottom:4%;border:1px solid #ccc;padding:3%;color:#555;font:95% Arial,Helvetica,sans-serif}.form-style-6 input[type=date]:focus,.form-style-6 input[type=datetime]:focus,.form-style-6 input[type=email]:focus,.form-style-6 input[type=number]:focus,.form-style-6 input[type=search]:focus,.form-style-6 input[type=text]:focus,.form-style-6 input[type=time]:focus,.form-style-6 input[type=url]:focus,.form-style-6 select:focus,.form-style-6 textarea:focus{box-shadow:0 0 5px #43d1af;padding:3%;border:1px solid #43d1af}.form-style-6 input[type=button],.form-style-6 input[type=submit]{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:100%;padding:3%;background:#43d1af;border-bottom:2px solid #30c29e;border-top-style:none;border-right-style:none;border-left-style:none;color:#fff}.form-style-6 input[type=button]:hover,.form-style-6 input[type=submit]:hover{background:#2ebc99}
/*# sourceMappingURL=main.f7a8cb3f.chunk.css.map */