@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap);*{box-sizing:border-box;font-family:Montserrat,sans-serif;margin:0;padding:0 0 2px}body{-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;height:100vh}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}}.wrapper{background:#fff;border-image:linear-gradient(to top left,#fe1e50,#282881) 1;border-radius:1em;border-style:solid;border-width:4px;box-shadow:2px 2px 4px rgba(0,0,0,.125);margin:50px auto;max-width:650px;padding:30px;width:100%}.wrapper .title{color:#fe1e50;font-size:28px;font-weight:900;margin-bottom:25px;text-align:center;text-transform:uppercase}.wrapper .form{width:100%}form{position:relative}.wrapper .form .inputfield{align-items:center;display:flex;margin-bottom:15px}.wrapper .form .inputfield label{color:darkred;font-size:14px;font-weight:700;margin-right:10px;width:200px}.wrapper .form .inputfield .input,.wrapper .form .inputfield .textarea{border:1px solid #fe1e50;border-radius:3px;font-size:15px;outline:none;padding:8px 10px;transition:all .3s ease;width:100%}.wrapper .form .inputfield .textarea{height:125px;resize:none;width:100%}.wrapper .form .inputfield .custom_select{height:37px;position:relative;width:100%}.wrapper .form .inputfield .custom_select:before{border:8px solid transparent;border-top-color:#fe1e50;content:"";pointer-events:none;position:absolute;right:10px;top:12px}.wrapper .form .inputfield .custom_select select{-webkit-appearance:none;appearance:none;border:1px solid #fe1e50;border-radius:3px;font-size:15px;height:100%;outline:none;padding:8px 10px;width:100%}.wrapper .form .inputfield .custom_select select:focus,.wrapper .form .inputfield .input:focus,.wrapper .form .inputfield .textarea:focus{border:1px solid #282881}.wrapper .form .inputfield p{font-size:14px}.wrapper .form .inputfield .check{cursor:pointer;display:block;height:15px;position:relative;width:15px}.wrapper .form .inputfield .check input[type=checkbox]{left:0;opacity:0;position:absolute;top:0}.wrapper .form .inputfield .check .checkmark{border:1px solid #fe1e50;display:block;height:15px;position:relative;width:15px}.wrapper .form .inputfield .check .checkmark:before{border-color:transparent transparent #fff #fff;border-style:solid;border-width:2px;content:"";display:none;height:2px;left:2px;position:absolute;top:1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:5px}.wrapper .form .inputfield .check input[type=checkbox]:checked~.checkmark{background:#282881}.wrapper .form .inputfield .check input[type=checkbox]:checked~.checkmark:before{display:block}.wrapper .form .inputfield .btn{background:linear-gradient(to bottom right,#fe1e50,#282881);border:0;border-radius:3px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;outline:none;padding:8px 10px;width:40%}.wrapper .form .inputfield .btn:hover{background:linear-gradient(to top left,#fe1e50,#282881)}.wrapper .form .inputfield:last-child{margin-bottom:0}.pop-up{align-items:center;background-color:#e73c7e;border-radius:8px;box-shadow:0 22px 70px 4px rgba(0,0,0,.56);color:#fff;display:flex;display:none;flex-direction:column;gap:2rem;height:10rem;justify-content:center;position:absolute;right:18%;top:50%;width:18rem;z-index:10}.pop-up button{background-color:#fff;border:none;border-radius:4px;color:#000;font-weight:600;padding:.5rem 1.5rem}.pop-up button:hover{cursor:pointer}.pop-up-display{display:flex}@media (max-width:420px){.wrapper .form .inputfield{align-items:flex-start;flex-direction:column}.wrapper .form .inputfield label{margin-bottom:5px}#btn,#gender,.wrapper .form .inputfield.terms{flex-direction:row}#btn,#gender{align-items:flex-start}#hobbies{display:inline-block;width:30%}}#radio{margin:0 10px}#btn,#phone-codes{display:flex;justify-content:space-evenly}#phone-codes{height:37px;width:20%}.hobbies{display:contents;justify-content:flex-start;position:relative}#phone-number{width:83%}#message{color:#000;display:inline-block;font-size:14px;margin:2px 0;padding:5px 150px}#name{text-transform:capitalize}#file-size{color:#fe1e50}
/*# sourceMappingURL=main.c4f9f8aa.css.map*/