*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--main-background-color: #ebecef;--card-background-color: #ffffff;--main-text-color: #010101;--lighter-main-text-color: #414040;--alt-text-color: #ffffff;--accent-color: #0f364d;--rounded-corners: 10px;--hover-color: #f5f5f5;--outline-color: #3c75d8;--card-shadow: 2px 2px 8px rgba(0, 0, 0, .2)}*{outline-color:var(--outline-color)}html{overflow-y:scroll}body{background-color:var(--main-background-color);font-family:Inter,sans-serif}::selection{background:#ffec8f}.app{display:flex;justify-content:center;margin:40px;gap:40px}.reset-button{position:sticky;top:20px;border:none;align-self:flex-start;background-color:var(--card-background-color);color:gray;border-radius:var(--rounded-corners);cursor:pointer;box-shadow:var(--card-shadow)}.reset-button:hover{background-color:var(--hover-color)}@media(max-width:800px){.app{margin:0;flex-direction:column-reverse;font-size:.8rem}.reset-button{position:absolute;opacity:.5;top:0;right:0}}:root{--resume-font: serif;--subheading-color: #ebecef}.resume{position:sticky;top:40px;align-self:flex-start;width:795px;min-height:1125px;box-shadow:var(--card-shadow);background-color:var(--card-background-color);font-family:var(--resume-font)}.resume.left,.resume.right{display:grid;grid-template-columns:1fr 2.5fr}.resume.right{direction:rtl}.resume.right>*{direction:ltr}.resume .header{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--accent-color);color:var(--alt-text-color);padding-bottom:30px;height:150px}.resume.left .header,.resume.right .header{justify-content:flex-start;padding:25px;height:auto}.resume.left .header h1,.resume.right .header h1{margin-bottom:20px}.resume .header .personal-details{display:flex;gap:12px}.resume.left .header .personal-details,.resume.right .header .personal-details{flex-direction:column;align-items:flex-start}.resume .header .personal-details p{display:flex;justify-content:center}.resume .header .personal-details .icon{width:22px;margin-right:8px}.resume section{padding:30px 60px 0}.resume section h2{background-color:var(--subheading-color);text-align:center}.resume .education,.resume .experience{margin:8px 0;display:grid;grid-template-columns:2.5fr 1fr}.resume.left .education,.resume.left .experience,.resume.right .education,.resume.right .experience{grid-template-columns:1.5fr 1fr}.resume .duration-location{font-style:italic}.resume .experience .description{grid-column:span 2;margin-top:8px}.resume .experience .title{font-style:italic}@media(max-width:1200px){.resume section{padding:20px 40px 0}.resume .header{height:130px}.resume .personal-details{font-size:.8rem}}@media(max-width:800px){.resume{position:static;width:auto;height:auto}.resume section{padding:30px 60px 0}}@media(max-width:600px){.resume section{padding:10px 20px 0}.resume .header{height:120px}.resume .personal-details{font-size:.7rem}}.sidebar{display:flex;flex-direction:column;align-items:center;gap:40px}.card{width:330px;padding:20px;box-shadow:var(--card-shadow);border-radius:var(--rounded-corners)}.edit-card-list{display:flex;flex-direction:column;gap:40px;width:330px}@media(max-width:800px){.edit-card-list,.card{width:100%}}.edit-switcher.card{display:grid;grid-template-columns:1fr 1fr}.edit-switcher.card button{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:transparent;border:none;border-radius:var(--rounded-corners);padding:8px;font-weight:600;cursor:pointer}.edit-switcher.card button.selected{background-color:var(--main-background-color)}.edit-switcher.card .icon{width:25px}.edit-card-list .customise-options{display:flex;gap:16px}.edit-card-list .customise-options button{display:flex;flex-direction:column;align-items:center;background-color:transparent;border:none;cursor:pointer}.edit-card-list .customise-options .color-option{display:flex;flex-direction:column;justify-content:center;align-items:center}.edit-card-list .customise-options .layout-icon{width:40px;height:40px;background:linear-gradient(to bottom,var(--accent-color) 50%,var(--card-background-color) 50%);border:1px solid black}.edit-card-list .customise-options button.selected .layout-icon,.edit-card-list .customise-options button.selected .font-icon{border:none;outline:3px solid var(--outline-color)}.edit-card-list .customise-options .layout-icon.left{transform:rotate(-90deg)}.edit-card-list .customise-options .layout-icon.right{transform:rotate(90deg)}input[type=color i]{padding:0;width:43px;height:45px;background-color:#fff;border:none;cursor:pointer}.edit-card-list .customise-options .font-icon{font-size:1.4rem;border:1px solid black;width:40px;height:40px;padding:4px}.edit-card-list .customise-options label,.edit-card-list .customise-options button{color:var(--lighter-main-text-color);font-weight:500}.card{display:flex;flex-direction:column;background-color:var(--card-background-color);gap:8px}.card .title{display:flex;align-items:center;gap:8px}.card .title .icon{width:25px}.card .add-button{align-self:center;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;border-radius:var(--rounded-corners);width:100px;font-weight:600;color:#999}.card .add-button:hover{cursor:pointer;background-color:var(--hover-color)}.card .add-icon{width:30px}.edit-selector{margin-bottom:4px}.selector-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:var(--rounded-corners);font-weight:600;box-shadow:var(--card-shadow)}.selector-buttons:hover{background-color:var(--hover-color);cursor:pointer}.selector-buttons button{height:50px;background-color:transparent;border:none}.selector-buttons button:hover{cursor:pointer}.selector-buttons .edit-element{display:flex;align-items:center;width:100%}.selector-buttons .edit-element .icon{width:25px;margin-right:4px}.selector-buttons .edit-element .icon.collapse{transform:scaleY(-1)}.selector-buttons .delete-element{width:24px;height:24px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M6,19A2,2%200%200,0%208,21H16A2,2%200%200,0%2018,19V7H6V19M8,9H16V19H8V9M15.5,4L14.5,3H9.5L8.5,4H5V6H19V4H15.5Z'%20fill='grey'/%3e%3c/svg%3e") no-repeat center/cover;cursor:pointer;margin-right:8px}.selector-buttons .delete-element:hover{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M20.37,8.91L19.37,10.64L7.24,3.64L8.24,1.91L11.28,3.66L12.64,3.29L16.97,5.79L17.34,7.16L20.37,8.91M6,19V7H11.07L18,11V19A2,2%200%200,1%2016,21H8A2,2%200%200,1%206,19M8,19H16V12.2L10.46,9H8V19Z'%20fill='grey'/%3e%3c/svg%3e")}.selector-buttons .edit-element .reference{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-form{display:none;background-color:var(--card-background-color);margin-top:8px;margin-left:8px}.edit-form.show{display:flex;flex-direction:column;gap:8px;animation:dropdown .25s ease-in-out;transform-origin:top}@keyframes dropdown{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.field{display:flex;flex-direction:column}.field input,.field textarea{border:none;background-color:var(--main-background-color);padding:8px;border-radius:var(--rounded-corners)}.field textarea{height:200px;resize:vertical}.field label{color:var(--lighter-main-text-color);font-weight:500}