@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap";*,*: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}ul{padding:0}li{list-style-type:none}:root{--primary-bg-color: white;--secondary-bg-color: #F3EEE8;--primary-color: black;--secondary-color: #FF9398;--secondary-color-alt: #2779A7;--border-radius-size: 16px}body{padding:.5rem clamp(.5rem,.25rem + 1.5vw,2rem);font-family:Roboto,sans-serif}header{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}header>*{margin:.25rem}.header-span{color:var(--secondary-color-alt)}.nav-links{display:flex;gap:0 clamp(.5rem,.25rem + 2vw,2rem)}.nav-item>a,.header-button{padding:.25rem 1rem;border-radius:16px;border:0;transition:all 1s ease-out}.nav-item>a{background-color:var(--secondary-bg-color);color:var(--primary-color)}.nav-item>a:hover,.nav-item>a:focus{background-color:#000;color:#fff}.header-button{background-color:var(--secondary-color-alt);color:#fff}.header-button:hover,.header-button:focus{background-color:#000}#hero{background-color:#91abb9;color:var(--primary-color);border-top-left-radius:var(--border-radius-size);border-top-right-radius:var(--border-radius-size);margin:.5rem 0;padding:1rem clamp(1rem,.5rem + 2vw,3rem)}.hero-emphasized-text{font-weight:600;text-decoration:underline}@media(min-width:520px){#hero{display:flex;justify-content:space-between;align-items:center}#hero>p{max-inline-size:25ch;text-align:center;margin-right:clamp(1rem,-6rem + 22vw,24rem)}}@media(min-width:840px){#hero>p{max-inline-size:75ch;font-size:1.15rem}}:root{--dialog-border-color: gray;--dialog-separator-color: var(--secondary-bg-color)}::backdrop{background-color:var(--secondary-bg-color);opacity:1}dialog:open{margin:auto;min-height:50%;min-width:50%;border:0;border-radius:var(--border-radius-size)}.modal-personal-details{text-align:center}.modal-personal-details>h3{font-size:clamp(1.5rem,.5rem + 2vw,3rem)}.modal-skills>h3,.modal-experience>h3,.modal-education>h3,.modal-education>ul{border-bottom:1px solid var(--dialog-separator-color)}dialog ul>li{margin-bottom:.25rem}.modal-experience-header,.modal-education-header{display:flex;justify-content:space-between}.modal-experience-header>p,.modal-education-header>p{font-style:italic}.edit-button{display:flex;justify-content:center;margin:1rem auto 0;padding:.25rem 1rem;border-radius:var(--border-radius-size);border:0}#create-cv{background-color:var(--secondary-bg-color);margin-top:-.5rem;padding:1rem clamp(1rem,.5rem + 2vw,3rem)}#create-cv>h2{text-align:center}form>section>h3{text-decoration:underline;margin:0 1rem 1rem 0;display:inline-block}input,textarea{min-width:250px;border-radius:var(--border-radius-size);border:1px solid black;padding:.25rem 1rem}textarea{min-height:150px;resize:vertical}form>section>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0rem clamp(1rem,.5rem + 2vw,3rem)}form>section>ul li>*{display:flex;flex-direction:column;margin-bottom:1rem}.delete-field-button{margin-left:auto;background-color:var(--secondary-bg-color);color:#ff7f7f;border:0;border-bottom:1px solid #FF7F7F;font-weight:600}.add-field-button{background-color:#228b22;color:#fff;border:0;border-radius:var(--border-radius-size);padding:.5rem 1.25rem}.form-buttons{text-align:center}.form-buttons>button{margin:0 .5rem;padding:.25rem 1rem;border-radius:var(--border-radius-size);border:0}.submit-button{background-color:var(--secondary-color-alt);color:#fff}.reset-button{background-color:#b3b3b3}@media(min-width:540px){.personal-skills>ul,.personal-education>ul,.personal-experience>ul{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(min-width:1200px){.personal-skills>ul,.personal-education>ul,.personal-experience>ul{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}}#about{background-color:#91abb9;border-bottom-left-radius:var(--border-radius-size);border-bottom-right-radius:var(--border-radius-size);padding:1rem clamp(1rem,.5rem + 2vw,3rem)}footer{margin-top:1rem}footer>p{text-align:center}a{color:#000}
