*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{background-color:#eee}main{display:flex;justify-content:center;gap:3rem;width:100%;max-width:1800px;margin:auto;padding:2rem 7rem 5rem;align-items:flex-start}.info{border-radius:2rem;box-shadow:0 .5rem 1rem #0000004d;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;flex:0 1 35%}.info,.cv-preview{background-color:#fff}.user-data{display:flex;flex-direction:column;gap:.75rem;flex:1}.input-delete{display:flex;gap:.5rem;justify-content:space-between}.input-section{display:flex;flex-direction:column;gap:1rem}input[type=text],input[type=email],input[type=tel],input[type=month],textarea{width:100%;padding:.6rem 1rem;font-size:1.2rem;border:1px solid #ccc;border-radius:.5rem;outline:none;transition:border-color .1s,box-shadow .2s}input:focus,textarea:focus{border-color:#39aaf5;box-shadow:0 0 6px #1790e04d}input::placeholder,textarea::placeholder{color:#00000080;font-style:italic}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}textarea{resize:vertical;overflow:auto;background-clip:padding-box}.date-range{display:flex;gap:.5rem;align-items:center}button{background-color:#70abee;color:#fff;padding:.6rem 1rem;font-size:1rem;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;transition:background .3s,transform .2s,box-shadow .3s}button:hover{background-color:#3b7cc4;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}button:active{background-color:#3367a3;transform:translateY(0);box-shadow:0 2px 6px #0003}button:focus{outline:none;box-shadow:0 0 0 3px #4a90e266}.delete-button{background-color:#d80e0e}.delete-button:hover{background-color:#b40c0c}.delete-button:active{background-color:#8c0a0a}.delete-button:focus{box-shadow:0 0 0 3px #d80e0e66}.cv-preview *{font-family:Merriweather Sans,Arial,sans-serif}.cv-preview{box-shadow:0 .5rem 1rem #0000004d;width:100%;aspect-ratio:1 / 1.294;flex:0 .5 65%}.cv-preview p{font-size:18px}.cv-header{background-color:#1892d3;color:#fff;height:15%;text-align:center;display:grid;grid-template-rows:2fr 1fr;grid-template-columns:1fr;padding:1rem;align-items:end}.cv-header h1{text-align:center;width:100%;font-weight:bolder;font-size:clamp(9px,3vw,80px);margin-top:auto}.cv-header p{font-size:clamp(1px,1vw,18px)}.contact-details{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%}.cv-main{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.cv-address,.cv-job-duration,.company-location{font-weight:lighter}.cv-section{display:grid;grid-template-columns:200px 1fr;grid-auto-rows:minmax(50px,auto);font-size:18px}.cv-section-title{color:#1892d3;grid-row:1 / -1}.cv-experiences,.cv-educations{display:flex;flex-direction:column;gap:.75rem}.cv-skills-list{display:grid;grid-template-columns:1fr 1fr}.cv-main ul{list-style-position:inside}hr{display:block;height:1px;border:0;border-top:3px solid #1892d3;margin:1em 0;padding:0}.cv-footer{display:flex;justify-content:center;gap:2rem;position:fixed;bottom:0;width:100%;background:#5c5c5c;color:#fff;text-align:center;padding:.5rem}.cv-footer button{width:200px}.example-btn{background-color:#09c903}.example-btn:hover{background-color:#07aa02}.example-btn:active{background-color:#056b02}.example-btn:focus{box-shadow:0 0 0 3px #09c90366}.reset-btn{background-color:#d80e0e}.reset-btn:hover{background-color:#b40c0c}.reset-btn:active{background-color:#8c0a0a}.reset-btn:focus{box-shadow:0 0 0 3px #d80e0e66}@media print{.cv-header h1{font-size:45pt}.cv-header p{font-size:12pt}.cv-main p,.cv-main h3,.cv-main li{font-size:11pt}.cv-section-title{font-size:14pt}}@media screen and (max-width: 1000px){main{flex-direction:column;align-items:center;padding:1rem 1rem 3rem}.info,.cv-preview{width:80%;flex:none}.cv-header h1{font-size:30pt}.cv-header p{font-size:10pt}.cv-footer button{width:100px;padding:.1rem;font-size:10px}.cv-footer{padding:.2rem 0}}