*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5;margin:0;padding:0}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--btn-cursor: pointer;--flex-display: flex;--flex-row: row;--flex-column: column}.wrapper{display:grid;grid-template-columns:minmax(350px,400px) 1fr;grid-template-areas:"aside main"}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}aside,form{display:var(--flex-display);flex-direction:var(--flex-column)}aside{grid-area:aside;height:100vh;background-color:#4335afa0}form{height:inherit;padding:1em}form .personalDetails,form .education{display:var(--flex-display);flex-direction:var(--flex-column);justify-content:center;align-items:center;padding-bottom:1em}form>.personalDetails>header,form .education>header,form .work>header{display:var(--flex-display);flex-direction:var(--flex-row);justify-content:center;align-items:center}.formControl{display:var(--flex-display);flex-direction:var(--flex-column)}form>.personalDetails button[type=button],form .education button[type=button],form .work button[type=button]{margin-left:1em;margin-top:1.3em;cursor:var(--btn-cursor)}button[type=submit]{align-self:center;padding:.3em;cursor:var(--btn-cursor)}main{display:grid;grid-template-columns:1fr;grid-template-rows:200px 1fr;grid-template-areas:"personalDetails" "education" "work";padding:2em;border:2px solid black}main .education{display:var(--flex-display);flex-direction:var(--flex-column);justify-content:flex-start;align-items:center;grid-area:education}main h1:first-child{margin-top:0;text-align:center;height:100%}main header:first-child{grid-area:personalDetails;display:var(--flex-display);flex-direction:var(--flex-column);justify-content:center;background-color:#0e374e;color:#fff;padding:2em 0}main header:first-child>div{display:var(--flex-display);flex-direction:var(--flex-row);justify-content:space-evenly}aside .btnsContainer:last-child{display:var(--flex-display);flex-direction:var(--flex-row);justify-content:center;align-items:center;gap:20px;cursor:var(--btn-cursor)}main .education{display:grid;grid-template-columns:repeat(2,500px);grid-template-rows:100px 200px;grid-template-areas:"header header" "date school";padding:2em}main .education .date{grid-area:date;display:var(--flex-display);flex-direction:var(--flex-row)}main .education .school{grid-area:school;display:var(--flex-display);flex-direction:var(--flex-column)}main .education header,main .work header{background-color:transparent;grid-area:header;display:var(--flex-display);flex-direction:var(--flex-row);justify-content:center;align-items:center;color:#000}