:root{scroll-behavior:smooth;--PREV-H2-C: #b92e04;--PREV-H3-C: #9c2a4e}#root{min-height:100vh}body{background:linear-gradient(rgba(103,59,148,.568),rgba(0,0,0,.646));background-attachment:fixed}main{width:100%;display:grid;grid-template-columns:1fr 2fr;padding:clamp(.2rem,.5rem,2rem);padding-top:1rem}.fields{width:clamp(300px,100%,100%);display:grid;grid-template-rows:repeat(6,min-content);grid-template-columns:1fr;align-content:start;margin:.5rem;justify-content:center;margin-left:auto;margin-right:auto;grid-row:1/-1}.fieldSection{transition:height ease .4s;width:100%;overflow:hidden;margin-bottom:.5rem}.h2Button{min-height:5rem;font-size:2rem;width:100%;background-color:#66339969}.fieldContent{display:flex;flex-flow:column;margin:1rem .5rem}.innerWrapper{transition:height ease .2s;width:100%;overflow:hidden;margin:.5rem;margin-left:auto;margin-right:auto;border-radius:8px}.fieldsH3{height:min-content}.h3Button{font-size:1.4rem;min-height:4rem;width:100%;padding:.5rem;background-color:#0000008f}.content{margin:.5rem;display:grid;grid-template-rows:repeat(5,1fr)}.inputWrapper{display:flex;flex-wrap:wrap}label{width:100%;font-size:1.2rem;height:2rem;padding-left:.5rem}input{width:100%;font-size:1.2rem;border-radius:5px;border:none;height:2.5rem;padding:0 .5rem;background-color:#00000081}textarea{width:100%;height:6rem;font-size:1.2rem;border-radius:5px;border:none;resize:none;padding:0 .5rem;background-color:#00000081}.deleteItem{width:100%;height:3rem;font-size:1.4rem;margin:1rem 0;background-color:#94030377}.addItem{min-height:2.5rem;width:100%;margin:1rem;margin-left:auto;margin-right:auto;font-size:2rem;font-weight:700;display:grid;justify-content:center;align-content:center;background-color:#00800094}.btnWrapper{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center}.printBtn{width:7rem;height:3rem;background-color:#66339996;font-size:1.5rem;margin:1rem}.clearForm{width:7rem;height:3rem;font-size:1.5rem;margin:1rem;background-color:#940303a2}.preview{width:clamp(300px,90%,100%);position:sticky;margin-left:auto;margin-right:auto;color:#f0f8ff;padding:clamp(.3rem,.5rem,2rem);padding-top:3rem;display:grid;grid-template-columns:2fr 1fr;align-self:start;align-items:start}.personalWrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:.3rem;padding-bottom:.5rem;grid-column:1/-1;grid-row:1}.previewH2{width:100%;grid-column:1/ -1;justify-self:center;color:var(--PREV-H2-C);border-bottom:2px solid;text-align:center}.previewH3{grid-column:1/ -1;justify-self:center;color:var(--PREV-H3-C)}.previewData{display:grid;grid-template-rows:min-content min-content;margin:.2rem 0}.previewDesc{white-space:pre-wrap}.personalWrapper .previewDesc{grid-column:1/ -1;grid-row:3/4;margin:.5rem 0}.previewSkillsWrapper{padding:.5rem;display:grid}.previewLinkWrapper,.previewSkillWrapper{list-style:none;padding:.5rem}.previewExpsWrapper{grid-row:2}.previewEdsWrapper{grid-row:3}.previewEdsWrapper,.previewExpsWrapper{padding:.5rem;display:grid}.previewExpsWrapper li{list-style:none}.previewExpWrapper,.previewEdWrapper{padding:.5rem;display:grid;grid-template-columns:repeat(2,1fr)}.previewEdWrapper p:first-of-type,.previewExpWrapper p:first-of-type{grid-column:1/2}.previewEdWrapper p:nth-of-type(2),.previewExpWrapper p:nth-of-type(2){grid-column:1/2}.previewEdWrapper p:nth-of-type(3),.previewExpWrapper p:nth-of-type(3){grid-column:2/3}.previewEdWrapper p:nth-of-type(4),.previewExpWrapper p:nth-of-type(4){grid-column:2/3;grid-row:2}.previewEdWrapper p:nth-of-type(5),.previewExpWrapper p:nth-of-type(5){grid-column:1/-1}.previewLinksWrapper{display:grid;padding:.5rem;line-break:anywhere;grid-column:2}.previewEdsWrapper{margin-bottom:3rem}.previewSndCol{grid-column:2;grid-row:2 / 4}.fieldsColor{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.h2Color{background-color:var(--PREV-H2-C);height:2rem}.h3Color{background-color:var(--PREV-H3-C);height:2rem}.swatches-picker{position:fixed;bottom:20vh}@media (max-width: 426px){main{grid-template-columns:1fr}.preview{border-top:3px solid aliceblue;width:100%;display:block}.previewData{grid-column:1/-1}.previewLinksWrapper,.previewSkillsWrapper,.previewExpsWrapper,.previewEdsWrapper{padding:.5rem 0}.previewLinksWrapper ul,.previewSkillsWrapper ul{display:block}.previewSkillsWrapper li,.previewLinksWrapper li{margin:0 1rem;list-style:disc}.previewEdsWrapper li,.previewExpsWrapper li{list-style:disc}}@media screen and (min-width: 770px){main{width:clamp(70%,80%,90%);margin:0 auto}}@media print{@page{margin:0}main{grid-template-columns:1fr 2fr}.preview{width:clamp(300px,90%,100%);display:grid;background-color:#fff}.previewData{grid-column:auto}.previewLinksWrapper,.previewSkillsWrapper,.previewExpsWrapper,.previewEdsWrapper{padding:.5rem}.previewLinksWrapper ul,.previewSkillsWrapper ul{display:block}.previewSkillWrapper,.previewLinkWrapper{padding:.5rem;list-style:none}.previewEdWrapper,.previewExpWrapper{list-style:none}.preview{grid-column:1/ -1;color:#000;print-color-adjust:exact;-webkit-print-color-adjust:exact}.fields,.printBtn{display:none}.previewEdsWrapper{margin-bottom:0}}body::-webkit-scrollbar,textarea::-webkit-scrollbar{width:11px}textarea,body{scrollbar-width:thin;scrollbar-color:rebeccapurple}textarea::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:hsl(0,0%,7%)}textarea::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background-color:#639;border-radius:6px;border:1px solid black}*{margin:0;padding:0;box-sizing:border-box}: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}button{border-radius:8px;border:1px solid transparent;font-size:1rem;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}