*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto,sans-serif;font-weight:400;font-style:normal}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;text-align:center;justify-content:center;align-items:center;background:#bac2c9}#main-app{display:flex;justify-content:center;gap:2rem}#root{text-align:center}#cvForm{display:flex;flex-direction:column;gap:2rem;margin-top:30px}header{text-align:center;display:flex;justify-content:space-between;align-items:center;border:1px solid white;border-radius:9px;padding:30px}.headText{text-decoration:none;text-underline-offset:13px;animation:slide-in 1s linear;max-width:400px;font-size:1.9rem;color:#000}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}#displayMainContainer{font-size:.8rem;border-radius:9px;box-shadow:1px 2px 10px 1px #000;margin-top:30px}.edit{background-color:#c4dff0}.userContactDisplay{background-color:#344b59;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:23px;max-height:192px;color:#fff;padding-inline:10px;height:190px}.userNameContainer{font-size:1.9rem}.userEmailContainer{font-size:1.1rem}.phoneNumberContainer{font-size:1.1rem;display:flex;justify-content:center;gap:10px;align-items:center}f .phoneNumberContainer span{display:flex}.emailPhoneContainer{display:flex;gap:20px}.userEmailContainer{display:flex;align-items:center;gap:10px}.userEmailContainer span{display:flex}.userNameError,.emailError,.phoneNumberError,.companyNameError,.jobPositionError,.jobResponsibilitiesError,.jobEntryDateError,.jobExitDateError{display:block;background-color:red;font-weight:600}.userContact,.educationExperience,.practicalExperience{border-radius:9px;display:flex;flex-direction:column;gap:1rem;box-shadow:1px 2px 10px 1px #000;padding:15px;color:#000;width:500px}.userContact form,.educationExperience form{color:#000;animation:grow-and-shrink 2s ease-in-out}.fullNameContainer{padding-top:0;padding-bottom:30px;display:flex;flex-direction:column}.mobileNumberContainer{display:flex;flex-direction:column}.emailContainer,.schoolNameContainer,.studiesTitleContainer,.NameOfCompanyContainer,.PosInJobContainer,.JobResponsibilitiesContainer,.jobEntryDateContainer{padding-bottom:35px;display:flex;flex-direction:column}label{font-size:1.3rem;font-weight:600;display:flex;justify-content:start;align-items:center}input,textarea{min-width:400px;height:40px;font-size:1.3rem;padding:0 10px;border-radius:8px;border:none;transition:border-color .25s ease-in-out}input:focus-visible{border:1px solid #f913f9}::placeholder{font-size:1.3rem;padding-top:20px;color:#b4adad}.educationExperienceEl{color:#000;background-color:#fff;padding:20px}button{display:inline-flex;justify-content:end;align-items:center;gap:15px;margin:15px 0;border-radius:8px;border:1px solid transparent;padding:.5em .4em;font-size:1em;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .25s}.asterisk{color:red}p{font-size:1.3rem;text-align:center;display:flex;justify-content:start;align-items:start;gap:30px;line-height:35px}.educationExperienceEl span{font-weight:700}#Job_responsibilities{min-height:180px;max-height:180px}@media (max-width: 500px){#MainBody{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:space-around;align-items:center}div#main-app{display:flex;justify-content:normal;flex-direction:column;gap:0rem}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}#cvForm header{text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:1px solid white;border-radius:9px;padding:30px;width:97%}h1.headText{text-decoration:none;text-underline-offset:13px;animation:slide-in 1s linear;max-width:400px;font-size:2rem;color:#000}header svg{width:40px}p.userNameContainer{font-size:1.6rem;height:25px}p.userEmailContainer{display:flex;align-items:center;gap:10px;font-size:1.3rem;line-height:60px}p.phoneNumberContainer{font-size:1.3rem;display:flex;justify-content:center;gap:10px;align-items:center;height:20px;padding-bottom:10px}main#root{text-align:center;width:120%}.headBtnContainer button{font-size:1.5rem}div#cvForm{display:flex;flex-direction:column;gap:2rem;margin:40px 0 50px 17px;width:96%}#cvFormContainer{max-width:402px;margin-bottom:42px}.alertUser{background-color:red;color:#000;font-weight:600;padding:20px}.alertUser:hover{background-color:#ff0;color:#000}div.subEducationContainer{display:flex;flex-direction:column;justify-content:start;align-items:start;align-self:center;gap:4px;margin:41px 0 20px}div.emailPhoneContainer{display:flex;flex-direction:column;gap:0}p.eduTitle,p.practicalTitle{background-color:#bac2c9;color:#000;padding-left:20px;margin:20px 0;font-weight:600;font-size:1.7rem}div.personalContactHeader :first-child,div.educationDetailsHeader :first-child,div.professionalDetailsHeader :first-child{display:flex;justify-content:center;align-items:center;gap:15px;font-size:1.5rem;font-weight:600}.subEducationContainer div p{font-size:1.7rem;height:30px;display:flex;justify-content:start}section#displayMainContainer{max-width:489px;font-size:.8rem;border-radius:0;box-shadow:none;margin-top:0}div input,div textarea{min-width:100px;height:40px;padding:0 10px;border-radius:8px;border:none;font-size:1.3rem;transition:border-color .25s ease-in-out}div label{font-size:1.5rem;font-weight:600;display:flex;justify-content:start;align-items:center}::placeholder{font-size:1.2rem}div input{width:95%}div button{font-size:1.2rem}.userContact,.educationExperience,.practicalExperience{border-radius:9px;display:flex;flex-direction:column;gap:1rem;box-shadow:1px 2px 10px 1px #000;padding:15px;color:#000;width:97%}p.practicalTitle{margin:50px 0 0;padding-left:0}div.practicalExperienceContainer p{font-size:1.7rem}button svg{width:25px}div.studiesMajor,div.startDate,div.EndDate{display:flex;flex-direction:column;margin-bottom:20px}div.jobExitDateContainer{display:flex;flex-direction:column}div .alertUserContainer{display:none}}@media (min-width: 501px) and (max-width: 699px){#MainBody{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:space-around;align-items:center}div#main-app{display:flex;justify-content:center;gap:0rem;flex-direction:column}#cvForm header{text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:1px solid white;border-radius:9px;padding:30px;width:87%}div .alertUser{background-color:red;color:#000;font-weight:600;padding:20px;display:none}.alertUser:hover{background-color:#ff0;color:#000}h1.headText{text-decoration:none;text-underline-offset:13px;animation:slide-in 1s linear;max-width:400px;font-size:1.7rem;color:#000}.gitHubSvgContainer svg{width:50px}header svg{width:30px}main#root{text-align:center;width:120%}.headBtnContainer button{font-size:1.2rem}div#cvForm{display:flex;flex-direction:column;gap:2rem;margin:40px 0 50px 40px}#cvFormContainer{margin:30px 0 50px 30px}div.userContactDisplay{background-color:#344b59;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:23px;color:#fff;max-height:100%;padding-inline:8px}div.subEducationContainer{display:flex;flex-direction:column;justify-content:start;align-items:start;align-self:center;gap:4px;margin:41px 0 20px -1px}div.emailPhoneContainer{display:flex;flex-direction:column;gap:0}#displayMainContainer{margin-top:0}input{font-size:.5rem}div.personalContactHeader :first-child,div.educationDetailsHeader :first-child,div.professionalDetailsHeader :first-child{display:flex;justify-content:center;align-items:center;gap:15px;font-size:1.7rem;font-weight:600}div input,div textarea{min-width:100px;height:40px;font-size:1.2rem;padding:0 10px;border-radius:8px;border:none;transition:border-color .25s ease-in-out}::placeholder{font-size:1rem}div input{width:90%}.userContact,.educationExperience,.practicalExperience{border-radius:9px;display:flex;flex-direction:column;gap:1rem;box-shadow:1px 2px 10px 1px #000;padding:15px;color:#000;width:91%}p.practicalTitle{margin:50px 0 0;padding-left:30px}button svg{width:25px}div.studiesMajor{display:flex;flex-direction:column;margin-bottom:20px}div.alertUserContainer{display:block}div.startDate,div.EndDate{display:flex;flex-direction:column;margin-bottom:20px}div.jobExitDateContainer{display:flex;flex-direction:column}}@media (min-width: 700px) and (max-width: 1000px){div#cvForm{display:flex;flex-direction:column;gap:2rem;margin:30px 0 0 30px}#cvFormContainer{max-width:500px}.alertUserContainer{display:none}div.subEducationContainer{display:flex;flex-direction:column;justify-content:start;align-items:start;align-self:center;gap:4px;margin:41px 0 20px -1px}div.emailPhoneContainer{display:flex;flex-direction:column;gap:0}#displayMainContainer{max-width:480px;width:70%}div input,div textarea{min-width:100px;height:40px;font-size:1.3rem;padding:0 10px;border-radius:8px;border:none;transition:border-color .25s ease-in-out}div input{width:90%}.userContact,.educationExperience,.practicalExperience{border-radius:9px;display:flex;flex-direction:column;gap:1rem;box-shadow:1px 2px 10px 1px #000;padding:15px;color:#000;width:100%}p.practicalTitle{margin:50px 0 0;padding-left:30px}button svg{width:25px}div.studiesMajor,div.startDate,div.EndDate{display:flex;flex-direction:column;margin-bottom:20px}.jobExitDateContainer{display:flex;flex-direction:column}}.headBtnContainer svg{fill:#000;width:20px;cursor:pointer}.phoneNumberContainer span{display:flex}.alertUserContainer{display:none}.personalContactHeader,.educationDetailsHeader,.professionalDetailsHeader{display:flex!important;justify-content:space-between;align-items:center}.personalContactHeader :first-child,.educationDetailsHeader :first-child,.professionalDetailsHeader :first-child{display:flex;justify-content:center;align-items:center;gap:15px;font-size:1.3rem;font-weight:600}img{width:30px}svg{width:35px;pointer-events:none}.downArrow,.downArrowForEdu,.downArrowForPractical{width:30px;animation:rotateArrowIcon .8s;transition:background-color 1s ease-out .25s;align-items:center;transform:rotate(0)}.subEducationContainer{display:flex;flex-direction:column;justify-content:start;align-items:start;align-self:center;gap:4px;margin:41px 0 20px -1px}.subEducationContainer p{font-size:1.3rem;height:30px;display:flex;justify-content:start}.subEducationContainer :first-child{display:flex;flex-direction:column;justify-content:start;align-items:self-start;padding:0;margin:0}.practicalExperienceContainer{padding:20px;background-color:#fff}.subPracticalExperienceContainer{color:#000;margin:50px 0 0;align-items:self-start;display:flex;flex-direction:column}.eduTitle,.practicalTitle{background-color:#bac2c9;color:#000;padding-left:20px;margin:20px 0;font-weight:600;font-size:1.5rem}button svg{width:25px;fill:#000}.studiesMajor,.startDate{display:flex;flex-direction:column;margin:0 0 20px}.EndDate,.jobExitDateContainer{display:flex;flex-direction:column}