@font-face{font-family:"Source Sans 3";src:url(/assets/SourceSans3-Regular-GrpycnMo.ttf) format("ttf")}@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-R3gZys7A.ttf) format("ttf")}@font-face{font-family:Inter;src:url(/assets/Inter-Regular-2I8oMEJp.ttf) format("ttf")}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{font-family:Inter,"Source Sans 3",Roboto,sans-serif;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}#root,#__next{isolation:isolate}:root{--color-text-1: #20384a;--color-text-1-inverted: #ffffff;--color-brand-1: #407093;--color-brand-1a: #2e506a;--color-brand-2: #e4f6ff;--color-brand-2a: #0092cc;--color-brand-3: #ffe07d;--color-brand-4: #8fddc1;--color-neutral-1: #eeeeee;--color-neutral-2: #dddddd}#root{height:100%;color:var(--color-text-1);display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr auto}a{text-decoration:none}button{border:none}button:hover{cursor:pointer}button:focus-visible{outline-color:var(--color-brand-2a)}header{text-align:center;padding:1rem;box-shadow:0 5px 15px var(--color-neutral-2);grid-column:1 / 2;grid-row:1 / 2}main{padding:2rem;grid-column:1 / 2;grid-row:2 / 3;display:flex;justify-content:center}form{display:none}form.active{padding:2rem;border-radius:.5rem;box-shadow:0 5px 55px var(--color-neutral-2);display:initial}.tab{display:none}.tab.active{display:flex;flex-direction:column;justify-content:space-evenly;gap:2rem}h2{text-align:center}.card{padding:1rem;border-radius:.5rem;box-shadow:0 5px 15px var(--color-neutral-2);display:flex;flex-direction:column;gap:2rem}.card .active{display:initial}fieldset{border:none;display:flex;flex-direction:column;gap:1rem}fieldset label{font-size:.8rem}legend{padding-bottom:.5rem}.fields{display:flex;gap:2rem}.field-wrapper{display:flex;flex-direction:column;gap:.5rem}label+p{font-size:.8rem}input,textarea{resize:none;padding:.2rem .6rem;background-color:var(--color-neutral-1);border:none;border-top:5px solid transparent;border-bottom:5px solid transparent;border-radius:.5rem}input:focus-visible,textarea:focus-visible{border-bottom:5px solid var(--color-brand-2a);outline:none}.add-button{padding:.5rem;border-radius:.5rem;display:flex;gap:.5rem;transition:background-color .2s ease}.add-button:hover{background:var(--color-neutral-2)}.add-button img{width:1.5rem}.nav-buttons:has(:nth-child(1)){display:flex;justify-content:flex-end}.nav-buttons:has(:nth-child(2)){display:flex;justify-content:space-between}.nav-buttons button{width:5rem;color:var(--color-text-1-inverted);padding:.2rem .6rem;background-color:var(--color-text-1);border-radius:.5rem;transition:background-color .2s ease}.nav-buttons button:hover{background-color:var(--color-brand-1a)}.nav-buttons button:focus-visible{outline-color:var(--color-brand-2a);outline-offset:.2rem}.preview-wrapper{display:none}.preview-wrapper.active{width:clamp(8.5in,100%,850px);max-width:850px;display:flex;flex-direction:column;gap:2rem}.preview{display:flex;flex-direction:column;gap:2rem}.preview li{margin-left:1rem}.sections{min-height:calc(850px * (4 / 3));padding:calc(1in - 3rem) 1in 1in;border-top:3rem solid var(--color-brand-4);border-radius:.5rem;box-shadow:0 5px 55px var(--color-neutral-2);display:flex;flex-direction:column;gap:2rem}.section{display:flex;flex-direction:column;gap:1rem}.section-title{font-size:1.2rem}.section-title,.bold{font-weight:700}.details{display:flex;justify-content:space-between}.divider{width:100%;height:1px;background:var(--color-text-1)}.preview .personal-details{align-items:center}.preview .full-name{font-size:1.3rem;display:flex;gap:.5rem}.preview .contact{display:flex;flex-direction:column;align-items:center;gap:.5rem}.preview .summary{width:100%;display:flex;flex-direction:column;gap:.5rem}.options{align-self:flex-end}.options button{color:#fff;padding:.2rem .6rem;background-color:var(--color-text-1);border-radius:.5rem;display:flex;gap:.5rem;transition:background-color .2s ease}.options button:hover{background-color:var(--color-brand-1a)}.options img{width:1.5rem}footer{text-align:center;padding:1rem;background-color:var(--color-text-1);grid-column:1 / 2;grid-row:3 / 4}footer a{color:var(--color-text-1-inverted);display:flex;justify-content:center;align-items:center;gap:.5rem}footer a:focus-visible{outline:1px solid var(--color-text-1-inverted)}@media screen and (max-width: 850px){form{width:100%;gap:2rem}.fields{flex-direction:column}}