@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";:root{--font-space-grotesk: "Space Grotesk", sans-serif;--font-light: 300;--font-regular: 400;--font-semibold: 600;--font-bold: 700;--green: #2e7d32;--dark-green: #133415;--red: #b71c1c;--dark-red: #5d0e0e;--purple-400: #6a5f86;--purple-500: #6d54b3;--purple-600: #524a68;--purple-700: #3c364c;--purple-900: #19132a;--grey: #a09baa;--white: #ffffff;--rounded-sm: 1.5rem;--rounded-md: 2.5rem;--rounded-lg: 6.25rem;--button-text-colour: var(--white);--button-primary-bg: var(--purple-500);--button-primary-hover-bg: var(--purple-900);--button-success-bg: var(--green);--button-success-hover-bg: var(--dark-green);--button-danger-bg: var(--red);--button-danger-hover-bg: var(--dark-red);--input-surface-bg: var(--purple-400);--input-text-colour: var(--white);--input-border: .0625rem solid var(--grey);--input-placeholder-colour: rgba(255, 255, 255, .5);--container-surface-bg: var(--purple-700);--container-border: .0625rem solid var(--grey);--container-item-bg: var(--purple-600);--heading-font-weight: var(--font-light);--button-font-weight: var(--font-semibold);--button-border-radius: var(--rounded-lg);--label-font-weight: var(--font-semibold)}*{box-sizing:border-box}body{font-family:var(--font-space-grotesk);font-size:16px;color:var(--white);background-color:#2c2638;margin:1rem}h1,h2,h3,h4,h5{font-weight:var(--heading-font-weight)}h1{font-size:3rem;justify-self:center}h1,h2,h3,h4,h5,p{margin:0}ul{margin:0;padding:0}ul li{list-style:none}label{font-weight:var(--label-font-weight)}#root{display:grid;grid-template-columns:minmax(20rem,60rem);grid-template-rows:repeat(4,max-content);justify-content:center;gap:1.5rem;padding-top:2.5rem}.section-header{display:flex;flex-direction:column;gap:.75rem;justify-content:space-between;align-items:center;min-height:2.5rem}@media(min-width:576px){.section-header{flex-direction:row;gap:0}}button{font-family:inherit;font-size:inherit;font-weight:var(--button-font-weight);border:none;padding:.5rem 1rem;border-radius:var(--button-border-radius);color:var(--button-text-colour)}button:hover{cursor:pointer}.btn-primary{background-color:var(--button-primary-bg)}.btn-primary:hover{background-color:var(--button-primary-hover-bg)}.btn-success{background-color:var(--button-success-bg)}.btn-success:hover{background-color:var(--button-success-hover-bg)}.btn-danger{background-color:var(--button-danger-bg)}.btn-danger:hover{background-color:var(--button-danger-hover-bg)}input{background-color:var(--input-surface-bg);border:none;font-family:inherit;font-size:inherit;padding:.75rem 1rem;border-radius:var(--rounded-lg);color:var(--input-text-colour)}input::placeholder{color:var(--input-placeholder-colour)}input:focus,input:focus-visible,input:focus-within{border:var(--input-border);margin:-.0625rem}.general-container{display:flex;flex-direction:column;gap:1rem;border:var(--container-border);padding:1.5rem;border-radius:var(--rounded-md);background-color:var(--container-surface-bg)}.person-name,.person-email,.person-phone{display:flex;flex-direction:column;font-weight:var(--font-semibold)}.person-name span,.person-email span,.person-phone span{font-weight:var(--font-regular)}.general-container form{display:flex;flex-direction:column;gap:1.5rem}.general-container .form-row{display:flex;flex-direction:column;gap:.5rem}.placeholder{opacity:.5}.education-container{display:flex;flex-direction:column;border:var(--container-border);padding:1.5rem;border-radius:var(--rounded-md);background-color:var(--container-surface-bg)}.education-container ul{display:flex;flex-direction:column;gap:1.5rem}.education-container ul li{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,min-content);gap:1.5rem;justify-content:space-between;align-items:center;background-color:var(--container-item-bg);padding:1rem;border-radius:var(--rounded-sm)}.education-info{display:flex;flex-direction:column;gap:.25rem}.education-info .school,.education-info .study-dates{opacity:.8}.education-info .study-title{font-size:1.5rem;font-weight:var(--font-semibold)}.education-container form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.education-container .form-row{display:flex;flex-direction:column;gap:.5rem}.form-buttons{display:flex;justify-content:end;align-items:center;gap:.5rem}@media(min-width:576px){.education-container ul li{grid-template-columns:1fr min-content;grid-template-rows:1fr;gap:0}}.experience-container{display:flex;flex-direction:column;border:var(--container-border);padding:1.5rem;border-radius:var(--rounded-md);background-color:var(--container-surface-bg)}.experience-container ul{display:flex;flex-direction:column;gap:1.5rem}.experience-container ul li{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,min-content);gap:1.5rem;align-items:center;background-color:var(--container-item-bg);padding:1.5rem;border-radius:var(--rounded-sm)}.experience-info{display:flex;flex-direction:column;gap:.5rem}.experience-info .job-title{font-size:1.5rem;font-weight:var(--font-semibold)}.experience-info .company,.experience-info .job-dates{opacity:.8}.responsibility ul{display:block;list-style-type:disc;margin:0;padding-left:2.5rem}.responsibility ul li{display:list-item;list-style:disc;padding:.5rem .5rem 0}.experience-container form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.experience-container .form-row{display:flex;flex-direction:column;gap:.5rem}@media(min-width:576px){.experience-container ul li{grid-template-columns:1fr max-content;grid-template-rows:1fr;gap:5rem}}