:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;padding:0;margin:0;box-sizing:border-box}#root{width:8.27in}body{padding:0;margin:0;box-sizing:border-box;display:flex;justify-content:center;background-color:#add8e6}.buttons{display:flex;justify-content:space-between}#root.view ul{padding:0;margin:0;list-style:none}#root.view h1{font-size:1.5rem;font-weight:400}#root.view .header{margin:25px}#root.view .header h1{display:none}#root.view .header ul{flex-wrap:wrap;display:flex;justify-content:space-between;gap:10px}#root.view .header ul .name{width:100%;font-size:3rem}#root.view .header ul li{display:flex;align-items:center;gap:10px}#root.view .header ul li .icon{width:20px;height:20px}#root.view .prosummary,#root.view .education{margin:25px}#root.view .education div .school-grad-title{display:flex;justify-content:space-between}#root.view .workexp{margin:25px}#root.view .workexp div .job-employment-dates{display:flex;justify-content:space-between}#root.view .skills{margin:25px}#root.view .skills ul{flex-wrap:wrap;display:flex;justify-content:space-between;row-gap:10px}#root.view .certs,#root.view .icons-link{margin:25px}@media print{#root.view button,#root.view .icons-link{position:absolute;display:none}}#root.edit ul{list-style:none}#root.edit .header{margin:25px}#root.edit .header h1{display:block}#root.edit .prosummary{margin:25px}#root.edit .prosummary textarea{width:100%;height:50px}#root.edit .education,#root.edit .workexp,#root.edit .skills,#root.edit .certs,#root.edit .icons-link{margin:25px}