@import"https://fonts.googleapis.com/css2?family=Instrument+Sans&display=swap";.input_field{display:flex;flex-direction:column;margin:0rem 0rem 1rem;position:relative}.input_field>input{border:1px solid #d9d9d9;padding:.5rem;border-radius:8px;height:48px;font-family:inherit}.input_field>label{font-size:12px;margin-bottom:.2rem}.input_field>.fa-lock,.input_field>.fa-link{position:absolute;top:33px;left:16px;color:#737373}.input_field>.fa-envelope{position:absolute;top:35px;left:16px;color:#737373}input::placeholder{font-size:16px}input:focus{border:1px solid #633cff;box-shadow:0 0 32px #633cff40;outline:none}input:hover{cursor:text;border:1px solid #633cff;box-shadow:0 0 32px #633cff40;outline:none}.input_field input.error{border:1px solid red}.error_message{position:absolute;top:50%;right:10px;color:red;font-size:12px;white-space:nowrap;padding-left:10px}.Form{background-color:#fff;border-radius:10px;width:476px;padding:2rem;box-shadow:0 2.98256px 7.4564px #0000001a}.class{transition:all 5s ease-in-out}.Form>h1{margin:0rem 0rem 1rem}.Form>.h-desc{color:#737373;margin-bottom:3rem}.pswd_length{font-size:12px;margin:1rem 0rem}.Form>form>button{width:100%;height:45px;border:none;color:#fff;font-weight:700;border-radius:8px;font-family:inherit;margin:.5rem 0rem;background-color:#633cff}.Form>form>button:hover{cursor:pointer;background-color:#beadff}.Form>form>button>a{text-decoration:none;color:#fff}.error{color:#ff3939;margin:1rem 0rem;font-size:1rem}@media (max-width: 375px){.Form{width:370px;padding-bottom:.75rem;background-color:#fafafa;box-shadow:none}}@media (max-width: 428px){.Form{width:390px;padding:4rem 1rem 1rem;background-color:#fff;box-shadow:none}}.authenticate_user{display:flex;justify-content:center}.authenticate_user_header{display:flex;justify-content:center;align-items:center;margin:4rem 0rem;box-shadow:none}.callToAction{margin-top:1.5rem;text-align:center}.callToAction>a{color:#633cff;text-decoration:none}.callToAction>a:hover{cursor:pointer;text-decoration:underline}@media (max-width: 428px){.authenticate_user_header{justify-content:left;margin:2rem;padding-top:1rem}}@media (max-width: 426px){.authenticate_user_header{justify-content:left;margin:2rem 1rem}}.user_card,.user_details{display:flex;flex-direction:column;justify-content:center;align-items:center}.user_links{display:flex;flex-direction:column;gap:20px}.social{width:237px;height:44px;display:flex;align-items:center;padding:0 1rem;border-radius:8px;gap:18px;position:relative}.user_links>a{text-decoration:none}.social>.fa-solid{position:absolute;right:15px}.profile{width:95px;position:absolute;top:6.16rem}.name{background-color:#fff;position:absolute;top:31%;left:0;right:0;margin:auto;width:40%;text-align:center;font-weight:600}.email{background-color:#fff;position:absolute;top:35%;left:0;right:0;margin:auto;max-width:55%;text-align:center;font-size:13px;color:#737373}.user_links{position:absolute;top:19.5rem}.user_links:hover{cursor:pointer}.github{background-color:#1a1a1a;color:#fff}.frontendmentor{background-color:#fff;color:#333;box-shadow:0 0 4px #0003}.twitter{background-color:#43b7e9;color:#fff}.linkedin{background-color:#2d68ff;color:#fff}.youtube{background-color:#ee3939;color:#fff}.facebook{background-color:#2442ac;color:#fff}.twitch{background-color:#ee3fc8;color:#fff}.devto{background-color:#333;color:#fff}.codewars{background-color:#8a1a50;color:#fff}.codepen{background-color:#464646;color:#fff}.freecodecamp{background-color:#302267;color:#fff}.gitlab{background-color:#eb4925;color:#fff}.hashnode{background-color:#0330d1;color:#fff}.stackoverflow{background-color:#ec7100;color:#fff}.btn_filled{width:100%;height:45px;border:none;color:#fff;font-weight:700;border-radius:8px;font-family:inherit;margin:.5rem 0rem;background-color:#633cff}.btn_filled:hover{cursor:pointer;background-color:#beadff}.btn_border{font-family:inherit;font-weight:600;color:#633cff;border:1px solid #633cff;border-radius:8px;padding:.85rem 1.725rem;background-color:transparent}.btn_border:disabled{cursor:not-allowed;background-color:#ccc;color:#666;border:none}.btn_border:disabled:hover{cursor:not-allowed;background-color:#ccc}.btn_border:hover{cursor:pointer;background-color:#efebff}@media (max-width: 428px){.btn_border{padding:.65rem 1rem}}.select-menu-container{position:relative;border:2px solid var(--primary-border);border-radius:.375rem;display:flex;justify-content:space-between}.select-menu-container:hover{border-color:var(--accent-indigo)}.select-menu-input{background:transparent;outline:none;width:100%}.select-menu-input:focus{outline:none}.select-menu-dropdown{background-color:#fff;max-height:18rem;width:100%;position:absolute;top:3.3rem;left:0;padding:.25rem;border-radius:.375rem;overflow-y:auto;z-index:10;box-shadow:0 0 4px #00000080}.select-menu-option{list-style-type:none;color:#333;padding:.65rem .5rem;margin:0rem 5px .25rem;cursor:pointer;border-bottom:1px solid #D9D9D9;display:flex;align-items:center;gap:.5rem}.select-menu-option:hover{color:#633cff}.select-menu-option.highlighted{background-color:#eee;color:#633cff;padding:.5rem;border-radius:10px}.select-menu-option-hidden{display:none}.select-menu-dropdown::-webkit-scrollbar{width:.5rem}.select-menu-dropdown::-webkit-scrollbar-track{background:transparent}.select-menu-dropdown::-webkit-scrollbar-thumb{background-color:#00000042;border-radius:.25rem}.select-menu-dropdown::-webkit-scrollbar-thumb:hover{background-color:#00000075}.icon{width:16px;height:16px;mask-size:16px 16px;-webkit-mask-size:16px 16px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:#737373}.select-menu-option:hover .icon{background-color:#633cff}.select_form{background-color:#fafafa;padding:1rem;margin-bottom:1rem;border-radius:8px}.select_header{display:flex;justify-content:space-between;font-weight:700;color:#737373}.select_header>p:last-child{font-weight:400}.select_header>p:last-child:hover{color:#633cff;cursor:pointer}.select_main,.select_footer{display:flex;flex-direction:column;margin:1rem 0}.select_btn{width:100%;border:1px solid #d9d9d9;padding-left:1rem;border-radius:8px;height:48px;font-family:inherit}.select_btn:hover{cursor:pointer;border:1px solid #633cff;box-shadow:0 0 32px #633cff40;outline:none}.select_label{font-size:12px;color:#333;margin-bottom:.5rem}.select_label:hover{cursor:pointer}.account_header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;margin:1.25rem 7.7rem;border-radius:.5rem;background-color:#fff;color:#737373;box-shadow:0 0 32px #633cff40;transition:padding .3s ease,margin .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease}.account_header>.left_account_header:hover{cursor:pointer}.account_header>.middle_account_header>ul{list-style-type:none;display:flex;align-items:center;justify-content:space-between}.account_header>.middle_account_header>ul>li>i{margin:0 .5rem}.account_header>.middle_account_header>ul>li{margin-right:.5rem;padding:.85rem 1.725rem;border-radius:8px;font-weight:600}.account_header>.middle_account_header>ul>li:hover{cursor:pointer;background-color:#efebff;transition:all ease-in-out .3s}.active{color:#633cff;background-color:#efebff}.account_main{margin:1.5rem 0;display:flex;justify-content:center;align-items:flex-start}.phone_mockup{width:512px;height:700px;padding:2rem 0;margin:0 2rem 0 0;border-radius:15px;box-shadow:0 0 32px #633cff40;display:flex;justify-content:center;align-items:center;background-image:url(/phone_mockup.svg);background-repeat:no-repeat;background-position:center;position:relative;z-index:1000}.links,.profile_details{width:728px;padding:2rem;border-radius:15px;box-shadow:0 0 32px #633cff40;background-color:#fff}.links>p{color:#737373;margin:1rem 0 2rem}.links_empty{display:flex;flex-direction:column;align-items:center;background-color:#fafafafa;margin:2rem 0;padding:5rem 2rem;border-radius:15px}.links_empty>h1{margin-top:1.4rem}.links_empty>p{width:458px;color:#737373;margin-top:1.25rem;text-align:center}.save_btn{width:100%;height:45px;border:none;color:#fff;font-weight:700;border-radius:8px;font-family:inherit;margin:.5rem 0rem;background-color:#633cff}.save_btn:hover{cursor:pointer;background-color:#beadff}.profile_details{color:#737373}.image_upload{background-color:#fafafafa;display:flex;justify-content:space-between;align-items:center;padding:2rem;margin:2rem 0}.image_upload>p:last-child{font-size:12px;width:35%}.file-input{display:none}.file-button{background-color:#efebff;padding:3rem 2.5rem;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center}.file-button>p{width:100%;font-weight:600;color:#633cff}h1{color:#000}.details_upload>fieldset{border:none;margin-bottom:1rem}.details_upload>fieldset>label{margin-right:2rem}form>.details_upload>fieldset:last-child>label{margin-right:3.8rem}.details_upload>fieldset>input{border:1px solid #d9d9d9;padding:.5rem;border-radius:8px;height:48px;width:450px;font-family:inherit}.details_upload>fieldset>input::placeholder{font-size:16px}form>.details_upload{background-color:#fafafafa;padding:1rem;border-radius:5px}fieldset{border:none}@media (max-width: 428px){.account_header{display:flex;align-items:center;color:#737373;box-shadow:none}.profile_details{width:100%;height:834px;padding:3rem 2rem;box-shadow:none}.profile_details_title,.profile_details_desc{padding-left:1rem}.profile_details_title{font-size:24px;margin-bottom:.5rem}.links_empty{padding:5rem 0rem}.links_empty>h1{font-size:24px}.links_empty>p{width:90%;color:#737373;margin-top:1.25rem;text-align:center}.middle_account_header span{display:none}.image_upload{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:1.5rem;margin:2rem 0}.image_upload>div{margin:1rem 0}.details_upload>fieldset>input{border:1px solid #d9d9d9;padding:.5rem;margin-top:.5rem;border-radius:8px;height:48px;width:340px;font-family:inherit}}@media (max-width: 900px){.account_header{display:flex;align-items:center;justify-content:space-between;box-shadow:none;margin:0}.left_account_header>img{width:80%}.links{width:95%;height:834px;margin:0;border-radius:15px;box-shadow:none;background-color:#fff}.profile_details{box-shadow:none}.phone_mockup{display:none}}.preview_header{background-color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem;border-radius:8px;margin:1rem 6rem;transition:padding .5s ease-in-out,background-color .5s ease-in-out}.blue_bgc{margin:0;padding:0;height:374px;background-color:#633cff;position:absolute;inset:0 0 auto 0;z-index:-1;border-bottom-right-radius:40px;border-bottom-left-radius:40px}.btn_editor,.btn_link{font-family:inherit;font-weight:600;color:#633cff;border:1px solid #633cff;border-radius:8px;padding:.85rem 1.725rem;background-color:transparent}.btn_link{color:#fff;background-color:#633cff}.btn_editor:hover{cursor:pointer;color:#fff;background-color:#633cff}.btn_link:hover{cursor:pointer;color:#633cff;border:1px solid #633cff;background-color:transparent}.preview_page{background:#FFFFFF;width:fit-content;margin:5rem auto 3rem;padding:1rem 3rem;box-shadow:0 0 32px #633cff40;border-radius:1rem}.preview_page .profile,.preview_page .name,.preview_page .email,.preview_page .user_links{position:static;width:auto;margin:0;top:auto}.preview_page .social{height:55px}.preview_page .user_details{margin-bottom:2rem}.preview_page .profile{margin-bottom:1rem}.preview_page .name{margin-bottom:.25rem}.preview_page .email{max-width:100%}@media (max-width: 375px){.preview_header{background-color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem;border-radius:8px;margin:1rem 6rem}}@media (max-width: 765px){.preview_header{display:flex;justify-content:space-between;padding:0;margin:1rem}.blue_bgc{background-color:transparent}.btn_editor,.btn_link{padding:.85rem 1.5rem}.preview_page{box-shadow:none}}*{padding:0;margin:0;box-sizing:border-box;transition:background-color .3s}body{font-family:Instrument Sans,sans-serif}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:white}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.26);border-radius:7px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.46)}