@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif}#root{display:flex;min-height:100vh;min-height:100dvh}aside{flex:1;overflow-y:auto;position:sticky;max-height:100dvh;top:0}main{flex:2}@media print{aside{display:none}}:root{--fieldset-top-bottom-padding: 1.5em;--fieldset-side-padding: 0;--fieldset-top-bottom-margin: 1.5em;--fieldset-side-margin: 1em;--border-line-color: rgba(128, 128, 128, .571);--hover-color: rgb(225, 225, 225);--main-heading-size: 1.8rem;--secondary-heading-size: 1.2rem}fieldset{border:none;border-bottom:1px solid var(--border-line-color);padding:var(--fieldset-top-bottom-padding) var(--fieldset-side-padding);margin:var(--fieldset-top-bottom-margin) var(--fieldset-side-margin)}label{display:flex;flex-direction:column}li{list-style:none;border:1px solid var(--border-line-color);border-bottom:none;display:flex;justify-content:space-between}li.last-item{border-bottom:1px solid var(--border-line-color)}li div{line-height:1.25rem}li>div.entry-div{transition:background-color .5s ease;padding:.525rem .75rem;flex:1}li>div.entry-div:hover{cursor:pointer;background-color:var(--hover-color)}li>button{flex-basis:min(20%,50px);border:none;border-left:1px solid var(--border-line-color)}fieldset.form-list-section{display:flex;flex-direction:column;gap:1.5em}button.create-new-btn{align-self:flex-end}fieldset>legend{font-weight:700;font-size:var(--main-heading-size)}.entry-main-txt{font-size:.9rem;font-weight:500}.entry-sub-txt{font-size:.9rem;font-weight:500;color:#797979}:root{--border-line-color: rgba(128, 128, 128, .571);--hover-color: rgb(225, 225, 225)}fieldset.form-basic-section{display:flex;flex-wrap:wrap;gap:1em}label[for=fullName]{flex-grow:1;flex-basis:100%}label[for=phone],label[for=email]{flex:1 1 40%}label>span{margin-bottom:min(10px,.5rem);font-weight:500}input,textarea{padding:.125rem .75rem;line-height:1.25rem;border:1px solid var(--border-line-color);height:2.5rem;transition:background-color,.5s ease;font-size:1rem}textarea{resize:none}input:hover{background-color:var(--hover-color)}.form-basic-section>.button-ctn{flex-basis:100%;display:flex;justify-content:flex-end}button{padding:.75rem;width:10em;border:1px solid var(--border-line-color);background-color:transparent;transition:background-color,.5s ease;font-weight:600;font-size:.8rem}button:hover{cursor:pointer;background-color:var(--hover-color)}:root{--main-accent-color: #ca8a04 }.main-screen-form{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:1rem;padding:2.5rem 3rem;min-height:100%}.main-screen-form>div{grid-column:span 2;display:flex;justify-content:space-around}.main-screen-form>label[for=description]{grid-column:span 2}.main-screen-form>label>textarea[name=description]{flex-grow:1;min-height:200px}.cv-preview-ctn{padding:2.5rem 3rem;min-height:100%}.cv-ctn{box-shadow:0 2px 7px 1px #54545469;padding:1.8rem 1.3rem;display:flex;flex-direction:column;gap:1.8em}.cv-content-grid,.cv-title-grid{display:grid;grid-template-columns:1.5fr 4fr;column-gap:1rem;row-gap:.8rem}.cv-ctn>header{display:flex;flex-direction:column;align-items:center}.cv-ctn>header>h1{font-size:3rem;color:var(--main-accent-color)}.cv-ctn>header>h1:first-letter{color:#000;background-color:var(--main-accent-color);padding:2px 5px;margin-right:5px;font-size:4rem}.cv-ctn>header>address{display:flex;flex-direction:column;align-items:center}.cv-ctn>header>address>a{color:#000;text-decoration:none;font-style:normal;font-weight:700;font-size:1.2rem;line-height:1.5rem}.cv-title-grid{margin-bottom:.5rem}.content-title{text-align:end;color:var(--main-accent-color)}.cv-entry-titles{font-weight:700;margin-bottom:.3rem}.cv-entry-titles~div{line-height:1.5rem}.separator{display:flex;align-items:center;justify-content:center}.separator>hr{flex:1;border:none;border-top:2px solid var(--main-accent-color)}.section-ctn{display:flex;flex-direction:column;gap:3em}@media print{.cv-preview-ctn{padding:0}.cv-ctn{box-shadow:none;width:100%;padding:1.8rem 1rem}}