.main{width:100vw;min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media (max-width: 1349px){.main{display:flex;flex-direction:column}.formBasicInput{width:clamp(200px,calc((100vw - 9em)/2),1000px)!important;color:#213547}}@media print{@page{margin:0}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.main>.userOutput{background-color:#fff;margin:0;min-width:100vw}.userOutput>.col2{background-color:#213547}.main>.noPrint{display:none}body>.main{grid-template-columns:1fr}}.userEntry{margin:1em;display:flex;flex-direction:column;justify-items:center;gap:1em}.dropdownButton>h2{font-size:1.5rem;font-weight:400}.experienceContentContainer{display:flex;flex-direction:column;gap:1em}.experienceContentContainer h2{font-size:1rem;text-wrap:nowrap;text-overflow:ellipsis}.experienceContentContainer .formBasicInput{width:clamp(200px,calc((50vw - 7em)/2),1000px)}.expDDFs{display:flex;flex-wrap:wrap;gap:1em}.expDDFs .formBasicInput{width:clamp(200px,calc((50vw - 9em)/2),1000px)}.experienceContentContainer .dropdownButton{width:clamp((200px,calc(50vw - 6em),600px));justify-content:flex-start;gap:1em}.content{padding:1em}.emptyForm{width:clamp(200px,calc((50vw - 6em)/2),600px)}.mainHeading{text-align:center;font-weight:600}.idForm,.experienceForm,.skillForm{display:flex;flex-wrap:wrap;gap:1em;justify-content:flex-start}.summaryForm{display:flex;justify-content:flex-start}.userOutput{margin:1em;min-height:100vh;display:grid;grid-template-columns:2fr 1fr;background-color:#e3e4e6}.col1{padding:calc(1em + .25vw);display:flex;flex-direction:column;gap:calc(1em + .25vw)}.cvName{padding:0 0 1em;border-bottom:1px solid #213547}.cvSummary{display:flex;flex-direction:column}.cvAddressContainer,.cvPhoneContainer,.cvEmailContainer{display:flex;align-items:center;gap:.5em}.svgContainer{width:2rem;height:auto;display:flex;align-items:center}.contactIcon{width:1.75rem;height:1.75rem;fill:#fff}.col2{padding:calc(1em + .1vw);color:#fff;background-color:#213547;display:flex;flex-direction:column;gap:2em}.col2 p,.col1 p{text-wrap:balance;overflow-wrap:anywhere}.cvHeading{margin-bottom:.25em}.cvContactContent{display:flex;flex-direction:column;gap:.5em}.experienceDrop .experienceForm{display:flex}.experienceDrop .shrunk,.skillDrop .shrunk{display:none}.cvJobBodyContainer{display:flex;flex-direction:column;gap:.5em}.cvJobLi,.cvEduLi{list-style-type:none}.cvJobTitle{font-size:1.5em;font-weight:800}.cvCompanyName{font-size:1em;font-weight:700}.cvBottomLine{display:flex;justify-content:space-between}.cvLocation,.cvDate{font-size:1em}.experienceEditsDDs{padding:1em}.experienceEditsDDs>ul{list-style-type:none;display:flex;flex-direction:column;gap:1em}.jobDDContainer{display:flex;width:100%;justify-content:start;align-items:center}.jobDD,.eduDD{display:flex;flex-direction:column;align-items:start}.jobDDTitle,.eduDDTitle{font-size:.75em;font-weight:700}.jobDDCompany,.eduDDCompany{font-size:.5em}li>.dropDown>.dropdownButton{display:flex;gap:2em;justify-content:start}.cvEduLi{display:flex;flex-direction:column}.cvEduTitle{font-size:1em;font-weight:800;line-height:1.2;padding-bottom:.1em}.cvSchoolName{font-size:1em;font-weight:500}.cvEduBodyContainer{display:flex;flex-direction:column;gap:1em}.DDIcon{color:#213547;width:2em;height:auto}.dropDown>.shrunk{display:none;font-size:0}.content{display:block;transform-origin:top;font-size:1em}.dropDown{display:flex;flex-direction:column;align-items:stretch}.dropdownButton{display:flex;justify-content:start;align-items:center;gap:1em}.dropdownButton>.chevron,.dropdownButton>.dropEmpty{width:2em;height:2em}.chevron{display:block}.inactiveDD{transform:rotate(0)}.activeDD{transform:rotate(180deg)}.formBasicInput{display:flex;flex-direction:column;gap:.25em;width:clamp(200px,calc((50vw - 5em)/2),600px)}.singleLineInput{height:1.25rem}label{font-weight:400}.formMultiLineInput{display:flex;flex-direction:column;gap:.25em}.multiLineInput{width:clamp(200px,calc(50vw - 6em),600px);resize:none}.addJobForm>.formBasicInput{width:clamp(200px,calc((50vw - 9em)/2),600px)}.experienceForm{display:flex;flex-direction:column;gap:1em;padding:1em}.addJobForm{display:flex;flex-wrap:wrap;justify-content:start;gap:1em}.submitJob,.cancelJob{width:calc(1em + 12.5vw)}.shrunk{display:none}.subChevron{height:2em;width:auto}.createNewDropD{display:flex;align-items:center;width:25vw;height:3em}.inactiveSC{transform:rotate(0)}.activeSC{transform:rotate(180deg)}.experienceForm{display:block}.addExperienceButton>.shrunk{display:none}.active{display:block}.inactive{display:none}.addSkillForm>.formBasicInput{width:clamp(200px,calc((50vw - 9em)/2),600px)}.skillForm{display:flex;flex-direction:column;gap:1em;padding:1em}.addSkillForm{display:flex;flex-wrap:wrap;justify-content:start;gap:1em}.submitSkill,.cancelSkill{width:calc(1em + 12.5vw)}.buttonContainer{display:flex;gap:2em}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}h2{font-size:2em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}