*{margin:0;padding:0}body{background-color:#333}#root{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.info-section{position:relative;display:flex;flex-direction:column;align-items:center;gap:3rem;margin-top:2rem}.cv-section{display:flex;justify-content:center;align-items:center;background-color:#b1b4aa}.clear-cv{display:flex;justify-content:space-between;align-items:center;background-color:red;border-radius:180px;padding:1rem 3rem;gap:1rem}.clear-cv img{height:40px;width:auto}.clear-cv button{background-color:#ac6464;margin-bottom:.7rem;color:#fff;font-weight:700;font-size:1.2rem}.download-btn{padding:1rem 3rem;margin-right:2rem;position:absolute;text-align:center;font-weight:700;font-size:1rem}.download-icon{height:30px;margin-right:1rem}form{display:flex;flex-direction:column;gap:1rem;width:400px;height:fit-content;padding:2rem;background-color:#585757;border-radius:30px;box-shadow:5px 0 15px #00001a;color:#fff;font-size:1.3rem}.title{display:flex;justify-content:space-between;cursor:pointer}.caret{align-self:center;margin-right:2rem;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid white;transition:transform .3s ease}button{width:fit-content;border-radius:30px;padding:.5rem 1rem;align-self:flex-end;margin-top:1rem;cursor:pointer}.caret.rotate{transform:rotate(180deg)}form.open{box-shadow:5px 0 15px #020292}.personal-info-form .section{display:flex;flex-direction:column}.personal-info-form .info{display:flex;flex-direction:column;gap:1rem}.personal-info-form input{border-radius:30px;padding:.3rem}.description-form .description{display:flex;flex-direction:column}.description-form textarea{border-radius:30px;padding:1rem}.add-skill{display:flex;align-items:center;gap:1.5rem}.add-skill input{width:300px;padding:.3rem;border-radius:30px}.add-skill button{margin-top:0}.skill-list{display:flex;flex-direction:column;gap:1rem}.skill-list .skill{display:flex;align-items:center;gap:2rem}.skill,.skill li{max-width:100%;word-break:break-word;overflow-wrap:break-word;white-space:normal}.skill button{background-color:red;font-weight:700;flex-shrink:0}.skills .error{color:red}.work-form .open-work-button{align-self:center}.work-form .work-inputs{display:flex;flex-direction:column}.work-inputs input{border-radius:30px;padding:.3rem}.work-inputs .work-date{width:fit-content}.work-form .add-work-button{align-self:flex-end}.work-display{display:flex;margin-bottom:2rem}.work-display .delete{justify-self:flex-end;background-color:red;font-weight:700;flex-shrink:0}.add-education-btn{align-self:center}.education-inputs{display:flex;flex-direction:column}.education-inputs input{padding:.3rem;border-radius:30px}.education-display{display:flex;margin-bottom:2rem}.education-display .delete{justify-self:flex-end;background-color:red;font-weight:700;flex-shrink:0}.cv-container{display:grid;grid-template-columns:1.8fr 3.3fr;width:900px;height:1200px;box-shadow:2px 0 15px #000;overflow:hidden}.section-divider-right{border:none;height:2px;width:500px;background-color:#36417c;margin:.5rem 0 1.2rem}.section-divider-left{border:none;height:2px;width:200px;background-color:#f2f2f3;margin:.5rem 0 1.2rem}.cv-container .right{display:flex;flex-direction:column;align-items:center;font-size:1.3rem;padding:2rem;gap:2rem;margin-top:.3rem}.cv-name-profession{display:flex;flex-direction:column;gap:.5rem}.right .cv-contacts{display:flex;flex-direction:column;gap:.2rem}.cv-contacts .contact{display:flex;align-items:center;gap:1rem}.contact .icon{width:30px;height:30px}.cv-personal-info{display:flex;flex-direction:column;gap:2.3rem}.right .cv-work-section{align-self:flex-start;display:flex;flex-direction:column;gap:1rem;font-size:1.2rem}.title-work{font-size:1.5rem}.right .cv-education-section{align-self:flex-start;display:flex;flex-direction:column;gap:1rem;font-size:1.2rem}.title-education{font-size:1.5rem}.cv-container .left{background-color:#36417c;display:flex;flex-direction:column;align-items:center;font-size:1.3rem;padding:2rem;gap:.5rem}.cv-image button{height:180px;width:180px;border-radius:180px}.upload-icon{height:40px;margin-left:3.3rem;display:none}.cv-image button:hover .upload-icon{display:block}.left .cv-description{display:flex;flex-direction:column;gap:1rem;color:#fff}.description-text p{max-width:250px;word-wrap:break-word}.left .cv-skills{color:#fff;display:flex;flex-direction:column;gap:1rem}.left .cv-skills li{word-break:break-word}.left .cv-skills ul{display:flex;flex-direction:column;gap:.7rem}