.header{width:100%;box-shadow:0 1px 10px #00000012;border-bottom:1px solid #d1d1d1}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1024px;height:60px;margin:auto}.logo{display:flex;align-items:center;gap:20px}.btns{display:flex;gap:20px}.icon{width:32px;height:fit-content;max-height:33px}@media screen and (max-width: 1050px){.header{padding:0 10px}}@media screen and (max-width: 460px){.navbar{flex-direction:column;gap:10px;height:fit-content;padding:20px 0}}*{margin:0;padding:0;box-sizing:border-box}.main-wrapper{margin:auto;max-width:1280px}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;margin:-1px!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}body,button,input,textarea{font-family:Inter,sans-serif}section{display:flex;flex-direction:column;gap:20px;margin:auto;border:1px solid #d1d1d1;padding:30px;border-radius:20px;background-color:#f5f5f599}.educationSection,.experienceSection,.generalSection{width:100%}.pairInputs{display:flex;gap:30px}.sectionTitle{text-align:center}.generalTitle{margin-bottom:20px}.addMoreBtnHolder{border-bottom:1px solid #d1d1d1}.addMoreBtn{display:block;margin:0 auto 20px}.removeBtn{display:block;margin:auto;background-color:#ffc8c899;color:#121212;font-weight:600;border:1px solid #121212}.removeBtn:hover,.removeBtn:focus{background-color:#ffc8c8;color:#121212}.entryIndex{display:grid;place-content:center;height:32px;width:32px;background-color:#75757530;border:1px solid #121212;color:#000;border-radius:100px;font-weight:900;margin:auto}.sectionHeader{display:flex;gap:10px;justify-content:center}.textarea{display:flex;flex-direction:column}label{display:flex;flex-direction:column;width:100%;gap:5px;font-size:.85rem}input,textarea{padding:10px;border:1px solid #979797;border-radius:5px;width:100%}.previewSection{margin-top:75px}.name{font-size:2rem;text-align:center}.contacts{display:flex;justify-content:center;flex-wrap:wrap;gap:50px;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;padding:15px 0}.contactIcon{width:16px;height:16px}.contact-holder{display:flex;gap:5px;align-items:center}.contact-holder,.companyInfo,.responsibilities{color:#4e4e4e}.experienceHeader{margin:30px 0 0;font-weight:600}.experienceItem{display:flex;gap:60px;margin-top:15px}.companyInfo{min-width:260px;max-width:260px}.title{font-weight:600}.educationTitleHolder{display:flex;align-items:center}.downloadBtn{display:block;margin-left:auto}@media screen and (max-width: 760px){.experienceItem{flex-direction:column;gap:5px;margin-top:30px}}@media screen and (max-width: 600px){.contacts{flex-direction:column;align-items:center;gap:10px}}@media screen and (max-width: 460px){.downloadBtn{display:block;margin:auto}}.wrapper{margin:30px auto 0;max-width:1024px;padding-bottom:30px}.generalWrapper{background-color:#fffbef;border-radius:30px;height:fit-content;padding:10px}.educationWrapper{background-color:#effff6;border-radius:30px;height:fit-content;padding:10px}.experienceWrapper{background-color:#eff3ff;border-radius:30px;height:fit-content;padding:10px}.placeholderWrapper{background-image:linear-gradient(135deg,#fffbf0,#fbfcf2 24%,#f5fdf2 35%,#f0fef4,#f1fef8,#effafa 65%,#edf6fc 76%,#f0f4ff);border-radius:30px;height:auto}.placeholderWrapper button{margin:auto;padding:20px 60px;border:2px solid #121212;background-color:#ffffff80;color:#000;font-size:1rem;font-weight:700;transition:all .2s ease-in}.placeholderWrapper button:hover,.placeholderWrapper button:focus{background-color:#fff}.educationWrapper,.experienceWrapper,.generalWrapper,.placeholderWrapper{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:45px}.pairSections{display:flex;justify-content:space-between;gap:30px}button{padding:10px 30px;width:fit-content;border:none;background-color:#121212;color:#fff;border-radius:5px}button:hover,button:focus{background-color:#2c2c2c}@media screen and (max-width: 1050px){.wrapper{padding:0 10px 30px}}@media screen and (max-width: 800px){.pairSections{display:flex;justify-content:space-between;gap:30px;flex-direction:column}.placeholderWrapper button{margin:50px auto}}
