*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.4;font-size:15px;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{display:grid;grid-template-columns:1fr 518px;padding:3rem}ul{padding:0;margin:0;list-style-type:none}h1,h2,h3,h4,h5,h6{margin:0}h3{border-bottom:solid 2px black;margin-bottom:10px}p{margin:0}input{padding:7px;flex-grow:1;width:70%}button{padding:6px 15px;cursor:pointer;text-transform:uppercase;font-weight:700;letter-spacing:1px;outline:none;border:none}.bullet-list{list-style-type:disc;padding-left:1rem}.section{margin:10px 0}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}@media (max-width: 500px){#root{grid-template-columns:1fr;padding:1rem;row-gap:20px}h3{border-bottom:solid 1px black;margin-bottom:5px}}.editor{padding:0 2rem}.wrapper{background:#79b791;padding:2rem;display:flex;flex-direction:column;gap:15px;height:670px}.wrapper h2{text-transform:uppercase;font-weight:900;font-size:1rem;letter-spacing:1px;color:#33473b;background:#abd1b5;padding:10px;text-align:center}.inputs{display:flex;flex-direction:column;gap:15px;max-height:450px;overflow:scroll;padding:2px}.input-wrapper{display:flex;gap:4px;flex-wrap:wrap}label{color:#33473b;font-weight:900;text-transform:uppercase;font-size:.8rem;width:100%}input:focus-visible{outline:none;outline:#272727 solid 2px}.button-wrapper{margin-top:10px;display:flex;gap:10px}.button-wrapper button{background:#693434;color:#fff}.button-wrapper button:hover{background:#a44200}.button-wrapper .save{flex-grow:1;background:#a44200;position:relative}.show-saved:after{content:"Saved!";background:#693434;width:100%;display:flex;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.button-wrapper .save:hover{background:#693434}.add{background:#33473b;color:#a6b4a9;padding:9px;margin-top:10px;border:#8D8D8D 2px solid}.add:hover{background:#a6b4a9;color:#33473b;border:#33473B 2px solid}fieldset{color:#33473b;font-weight:900;text-transform:uppercase;font-size:.8rem;border:#33473B 1px solid;display:flex;flex-direction:column;gap:15px;padding:10px 20px 20px}legend{color:#33473b;font-weight:900;text-transform:uppercase;font-size:.8rem}.resume{background:#fff;color:#000;height:670px;font-size:10px;padding:2rem 3rem}.overflow-wrapper{overflow:hidden;height:98%}.page{height:100%;column-width:428px;gap:90px}.Pages{display:flex;justify-content:flex-end;gap:15px}.Pages button{margin-top:15px}h4 span{font-style:italic;font-weight:400}h1 span{font-weight:400;font-style:italic}.header ul,.skills ul{display:flex;column-gap:10px;flex-wrap:wrap}.experience ul li{margin:10px 0}@media (max-width: 500px){.editor{padding:0}.preview-container{width:290px;grid-row:1}.resume{height:375px;padding:1rem 2rem;font-size:6px}.header ul,.skills ul{column-gap:4px}.experience ul li{margin:6px 0}}