@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--primary-color: oklch(.129 .042 264.695);--secondary-color: oklch(.208 .042 265.755);--tertiary-color: oklch(.282 .091 267.935);--red-color: oklch(.505 .213 27.518)}*:not(dialog){box-sizing:border-box;font-family:PT Sans,sans-serif;margin:0;padding:0}body{background-color:var(--primary-color);color:#fff}#root{display:grid;grid-template-columns:1fr 1.25fr}button{background-color:var(--tertiary-color);font-size:1rem;font-weight:700;color:#fff;border:none;outline:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:transform .3s ease}button.red{background-color:var(--red-color)}button.icon{background-color:transparent}button.icon:hover{background-color:var(--primary-color)}button:hover{transform:translateY(-2px)}input,textarea{background-color:var(--primary-color);color:#fff;border:none;padding:10px;border-radius:8px;font-size:1.1rem}:root{--accordion-border: #555;--accordion-bg: var(--secondary-color);--header-bg: var(--secondary-color);--content-bg: var(--secondary-color)}.accordion-section{border:1px solid var(--accordion-border);border-radius:8px;background-color:var(--accordion-bg);overflow:hidden}.accordion-header{background-color:var(--header-bg);padding:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.accordion-header :first-child{font-size:1.7rem}.accordion-icon{font-size:1.5rem;font-weight:700;color:#fff;transition:transform .35s ease}.accordion-header.expanded .accordion-icon{transform:rotate(45deg)}.accordion-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .2s ease,opacity .35s ease,transform .35s ease,padding .2s ease;background-color:var(--content-bg)}.accordion-content-inner{padding:16px;color:#fff}.accordion-title{font-size:1.4rem;font-weight:700}.accordion-content.expanded{max-height:500px;padding:4px 16px 15px 15px;opacity:1;transform:translateY(0)}#builder #dataBtns{display:flex;gap:16px;justify-content:center}#builder>div{width:80%}#builder #general input{width:100%}#builder #general label{font-weight:700;display:block;margin-bottom:3px}form{display:flex;flex-direction:column;gap:16px}#builder .list{display:flex;flex-direction:column;width:100%;margin-bottom:16px;border-top:3px solid var(--primary-color)}#builder .list>div{display:flex;justify-content:space-between;align-items:center;padding:6px;width:100%;border-bottom:3px solid var(--primary-color);font-size:1.2rem}#builder .list>div>span{margin-left:6px;font-weight:700}dialog{width:45%;background-color:var(--secondary-color);border:none;outline:none;border-radius:8px;padding:20px;color:#fff}dialog::backdrop{background-color:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog form{margin-top:20px;display:flex;flex-direction:column;gap:15px}dialog form div{display:flex;gap:10px;align-items:center}dialog form .buttons{justify-content:flex-end}dialog form .description{align-items:center}button.add{background-color:transparent;border:4px solid var(--primary-color);padding:4px 16px;border-radius:50px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:3px}#resume .general{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px 0;gap:18px;background-color:var(--secondary-color);color:#fff}#resume .general>:first-child{font-size:3rem;font-weight:900}#resume .general>:last-child{font-size:1rem;display:flex;justify-content:space-around;width:100%}#resume .general>div div{display:flex;align-items:center;gap:6px}#resume .experience{display:flex;flex-direction:column;gap:12px;padding:32px}#resume .experience .heading{text-align:center;background-color:#0000001a;color:var(--tertiary-color);padding:4px;font-size:1.2rem;font-weight:900}#resume .experience .list{display:flex;flex-direction:column;gap:12px;font-size:1.1rem}#resume .experience .list .listItem{display:flex;gap:24px}#resume .experience .list .listItem>div{min-width:146px;display:flex;flex-direction:column}#builder,#resume{margin-top:32px}#builder{display:flex;flex-direction:column;gap:32px;align-items:center}#resume{margin:32px auto;width:90%;height:875px;background-color:#fff;color:#000;box-shadow:#ffffff40 0 6px 20px,#ffffff38 0 14px 20px}
