*{font-family:Roboto,sans-serif}body{background-color:#353535}.info{display:flex;flex-direction:column;background-color:#fff;padding:20px;gap:20px;border-radius:12px;width:350px}label{display:flex;flex-direction:column}.buttons-div{display:flex;justify-content:space-evenly;padding:10px}.inputs-div{display:flex;flex-direction:column;gap:20px}h1{color:#fff;text-align:center;margin:60px}.add-inputs-button{border:4px solid rgb(212,212,212);background-color:#fff;width:100px;margin:auto;height:30px;border-radius:16px;font-size:16px}h2{margin:0;text-transform:uppercase;font-weight:300;letter-spacing:2px}.hidden{display:none!important}label{text-transform:uppercase;font-size:12px;letter-spacing:1px}input{height:24px;border-radius:8px;border:none;padding:0 8px}.container{width:1200px;display:flex;gap:40px;margin:20px auto}button:hover{cursor:pointer}.general-info-inputs{display:flex;flex-direction:column;background-color:#fff;gap:20px;background-color:#ebebeb;box-shadow:2px 2px 15px #b9b9b9;padding:10px}.edu-inputs-div{display:flex;flex-direction:column;background-color:#ebebeb;gap:20px;padding:10px;box-shadow:2px 2px 15px #b9b9b9}.show-edu-button{height:50px;width:100%;background-color:#ebebeb;box-shadow:2px 2px 15px #b9b9b9;border:none}.exp-inputs-div{display:flex;flex-direction:column;background-color:#ebebeb;gap:20px;padding:10px;box-shadow:2px 2px 15px #b9b9b9}.show-exp-button{height:50px;width:100%;background-color:#ebebeb;box-shadow:2px 2px 15px #b9b9b9;border:none}textarea{resize:none;height:100px;border-radius:8px;border:none;padding:4px 8px}.CV{background-color:#fff;width:21cm;height:29.7cm;margin:0 auto;box-shadow:2px 2px 15px #222}p{margin:0;padding:0}.personal-details{display:flex;flex-direction:column;background-color:#194580;color:#fff;height:140px;justify-content:center;padding:20px 40px}.name{font-size:32px;margin-bottom:20px;font-weight:500}.email,.phone{font-size:18px;font-weight:300}.education-header,.experience-header{display:flex;justify-content:center;align-items:center;background-color:#cecece;width:100%;height:30px;margin-top:10px;margin-bottom:20px;font-size:20px;color:#194580;text-transform:uppercase;font-weight:500;letter-spacing:5px}.education-element{display:grid;grid-template-columns:1fr 3fr}.school{align-items:center;height:100%;margin:0}.education-list,.experience-list{display:flex;flex-direction:column;gap:40px}.education-list{margin-bottom:20px}.school-name,.company-name{font-weight:700}.experience-element{display:grid;grid-template-columns:1fr 3fr}.exp-date-and-location,.school-date-and-location{display:flex;justify-content:start;flex-direction:column;align-items:center}.exp-date-and-location{grid-row:1/3}