*{margin:0;padding:0;box-sizing:border-box}:root{--default-background-color: beige;--preview-background-color: #ffffff;--component-background-color: #f9f9f9;--blue-color: #486eb9}html{font-size:16px;background-color:var(--default-background-color);font-family:Calibri,sans-serif}.app{display:flex;flex-direction:row;min-height:100vh}.form-container-component{flex:0 1 auto}.preview-component-container{flex:1}@media (max-width: 1000px){.app{flex-direction:column;align-items:center}}.form-container-component{overflow-y:auto;max-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.form-component{border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;background-color:var(--component-background-color);margin:0 10px;padding:20px}.form-header{display:flex;flex-direction:row;justify-content:flex-start;gap:10px;padding-bottom:10px}.chevron-icon{margin-left:auto}.form-input-container{display:flex;flex-direction:column;gap:10px}.form-input-entry-container{background-color:#e6e6fa;padding:10px;margin-top:5px;border-radius:10px;display:flex;flex-direction:column;gap:10px}.trash-icon{align-self:flex-end}.form-input-entry{display:flex;flex-direction:column;gap:5px}input,textArea{padding:5px 10px;border-radius:5px;border:1px solid black}label{font-weight:700}button{width:fit-content;display:flex;flex-direction:row;align-items:center;gap:5px;padding:10px 15px;margin:0 auto;background-color:#fff;border:2px solid var(--blue-color);border-radius:25px}button:hover{background-color:var(--blue-color);color:#fff}button:active{position:relative;top:2px}.trash-icon:active{position:relative;top:2px}@media (max-width: 1000px){.form-container-component{overflow-y:hidden;max-height:fit-content}}.footer-component{margin-top:auto;text-align:center;padding:20px}.title-component{padding:20px 20px 10px}.preview-component-container{display:flex;flex-direction:column;gap:10px;max-width:1100px}.preview-component{background-color:var(--preview-background-color);margin:0 50px 50px;padding:75px 100px;height:fit-content;display:flex;flex-direction:column;gap:30px}.resume-section-header{color:var(--blue-color)}.resume-section{display:flex;flex-direction:column;gap:10px}.resume-row{display:flex;flex-direction:row;justify-content:space-between}.resume-row-part{display:flex;flex-direction:row;gap:3px}.hidden{display:none}.resume-header{padding-bottom:20px;border-bottom:2px solid var(--blue-color);display:flex;flex-direction:column;gap:5px}.title-icons{align-self:flex-end;display:flex;gap:5px;margin-top:50px;margin-right:50px}.download-icon:hover{color:green}.trash-icon:hover{color:red}.title-icon:active{position:relative;top:2px}