@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&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}:root{--white:#bebcbc;--red:#e31b23;--bodyColor:#443c6c;--borderFormEls:#352e58;--bgFormEls:#352e58;--bgFormElsFocus:#443c6c}*{box-sizing:border-box;margin:0;outline:none;padding:0}a{color:inherit}button,input,select,textarea{font-family:inherit;font-size:100%}button,label{cursor:pointer}select{-webkit-appearance:none;appearance:none}select::-ms-expand{display:none}select:-moz-focusring{color:transparent!important;text-shadow:0 0 0 #bebcbc;text-shadow:0 0 0 var(--white)}textarea{resize:none}ul{list-style:none}body{background:linear-gradient(90deg,#201c35,#2e2362);color:#bebcbc;color:var(--white);font:18px/1.5 Roboto,sans-serif;margin:1.5rem 0}.container{margin:0 auto;max-width:800px;padding:0 1.5rem}.my-form .grid>:not(:last-child),.my-form h1,.my-form li{margin-bottom:1.5rem}.my-form button,.my-form input,.my-form select,.my-form textarea{background:#352e58;background:var(--bgFormEls);border:1px solid #352e58;border:1px solid var(--borderFormEls);border-radius:7px;color:#bebcbc;color:var(--white);line-height:1.5;padding:15px 10px;transition:background-color .3s cubic-bezier(.57,.21,.69,1.25),-webkit-transform .3s cubic-bezier(.57,.21,.69,1.25);transition:background-color .3s cubic-bezier(.57,.21,.69,1.25),transform .3s cubic-bezier(.57,.21,.69,1.25);transition:background-color .3s cubic-bezier(.57,.21,.69,1.25),transform .3s cubic-bezier(.57,.21,.69,1.25),-webkit-transform .3s cubic-bezier(.57,.21,.69,1.25);width:100%}.my-form button{background:linear-gradient(90deg,#5949aa,#47369c);border-radius:10px;font-size:16px;padding:15px 20px;transition:all .3s ease-in-out;width:100%}.my-form button:hover{background:linear-gradient(90deg,#00c6ff,#0072ff);-webkit-transform:scale(1.05);transform:scale(1.05)}.my-form button:disabled{background:#ccc;cursor:not-allowed}.required-star{color:red}.radio-group{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.radio-item{background:#352e58;background:var(--bgFormEls);border:1px solid #352e58;border:1px solid var(--borderFormEls);border-radius:7px;flex:1 1;min-width:calc(50% - 10px);padding:10px;text-align:center;transition:all .3s ease}.radio-item input[type=radio]:checked+label,.radio-item:hover{border-color:#564d8f}.radio-item input[type=radio]{display:none}.radio-item label{color:#bebcbc;color:var(--white);cursor:pointer;margin:0}.radio-item.selected{background:lighten(#443c6c,10%);background:lighten(var(--bgFormElsFocus),10%);border-color:#433b6f}.my-form button{background:linear-gradient(90deg,#191628,#4c3c9c);border:none;color:#fff;cursor:pointer;letter-spacing:1.5px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.my-form button:hover{background:linear-gradient(90deg,#4c3c9c,#191628)}.skills-box{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.skill-item{align-items:center;background:#352e58;background:var(--bgFormEls);border-radius:5px;color:#bebcbc;color:var(--white);display:flex;padding:5px 10px}.remove-skill{color:red;cursor:pointer;margin-left:10px}.my-form textarea{height:170px}.my-form ::-webkit-input-placeholder{color:inherit;opacity:1}.my-form ::placeholder{color:inherit;opacity:1}.my-form button:enabled:hover,.my-form button:focus,.my-form input:focus,.my-form input[type=checkbox]:focus+label,.my-form select:focus,.my-form textarea:focus{background:#443c6c;background:var(--bgFormElsFocus)}.my-form input:focus,.my-form select:focus,.my-form textarea:focus{-webkit-transform:scale(1.02);transform:scale(1.02)}.my-form :required,.my-form select{background-position:center right 12px;background-repeat:no-repeat;background-size:15px 15px}.my-form :required{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/asterisk.svg)}.my-form select{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/down.svg)}.my-form :disabled{cursor:default}.my-form .required-msg{background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/asterisk.svg) no-repeat 0/15px 15px;display:none;padding-left:20px}.my-form .btn-grid{overflow:hidden;position:relative;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}.my-form button{font-weight:700}.my-form button>*{display:inline-block;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;width:100%}.my-form button .back{left:50%;position:absolute;top:50%;-webkit-transform:translate(-110%,-50%);transform:translate(-110%,-50%)}.my-form button:enabled:hover .back,.my-form button:focus .back{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.my-form button:enabled:hover .front,.my-form button:focus .front{-webkit-transform:translateX(110%);transform:translateX(110%)}.my-form input[type=checkbox]{left:-9999px;position:absolute}.my-form input[type=checkbox]+label{display:inline-block;padding-left:2rem;position:relative;transition:background .3s cubic-bezier(.57,.21,.69,1.25)}.my-form input[type=checkbox]+label:after,.my-form input[type=checkbox]+label:before{content:"";position:absolute}.my-form input[type=checkbox]+label:before{border:2px solid #bebcbc;border:2px solid var(--white);height:18px;left:0;top:6px;width:18px}.my-form input[type=checkbox]:checked+label:before{background:#e31b23;background:var(--red)}.my-form input[type=checkbox]:checked+label:after{border-bottom:2px solid #bebcbc;border-bottom:2px solid var(--white);border-right:2px solid #bebcbc;border-right:2px solid var(--white);height:14px;left:7px;top:7px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px}footer{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:1rem;text-align:right}footer a{text-decoration:none}footer span{color:#e31b23;color:var(--red)}@media screen and (min-width:600px){.my-form .grid{grid-gap:1.5rem;display:grid}.my-form .grid-2{grid-template-columns:1fr 1fr}.my-form .grid-3{align-items:center;grid-template-columns:auto auto auto}.my-form .grid>:not(:last-child){margin-bottom:0}.my-form .required-msg{display:block}}@media screen and (min-width:541px){.my-form input[type=checkbox]+label:before{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.my-form input[type=checkbox]:checked+label:after{top:3px}}button[type=submit]:not([disabled]){color:#fff}button[type=submit]:not([disabled]),button[type=submit]:not([disabled]):hover,button[type=submit][disabled]{background:linear-gradient(90deg,#191628,#4c3c9c)}button[type=submit][disabled]{color:#888;cursor:not-allowed}.disabled{pointer-events:none}
/*# sourceMappingURL=main.c743e114.css.map*/