.section{display:flex;flex-direction:column;gap:25px}.section-header{font-family:Roboto Slab,sans-serif;font-weight:500;font-size:1.2rem;background-color:#c6c6b8;padding:1rem;border-radius:5px;text-align:center}.field-container{display:flex;flex-direction:column;gap:10px}.field-container>label{font-family:Roboto,sans-serif;font-weight:500}.input{padding:.5rem;border:none;border-radius:2px;outline:2px solid #f2f3cc}.add-list-container{display:flex;gap:5px;margin-bottom:10px}.add-list-container>input{flex-grow:1}.add-list-button{border:none;border-radius:5px;background-color:#005b4b;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-list-button:hover{background-color:#019c80}.add-list-button:active{background-color:#014135}.add-list-button>img{width:20px}.list-container{list-style:disc inside;display:flex;gap:10px;flex-direction:column}.list-container>div{display:flex;justify-content:space-between;align-items:center}.list-container button{font-family:Roboto,sans-serif;font-style:italic;font-weight:700;border:none;padding:4px;background-color:#d33b3b;border-radius:3px;cursor:pointer}.list-container button:hover{background-color:#dc4343}.content{background-color:ivory}.header{background-color:#005b4b;position:sticky;top:0;z-index:2}.header-container{padding:1rem 2rem}.view-cv{display:flex;justify-content:space-between;align-items:center;background-color:#f2f3cc;padding:.5rem;border-radius:5px;cursor:pointer}.view-cv>h2{font-family:Roboto,sans-serif;font-weight:700}.view-cv:hover{background-color:#f3f4e1;color:#373829}.view-cv:active{background-color:#dadcb2}.save-changes{font-family:Roboto,sans-serif;font-style:italic;font-size:1rem;font-weight:700;align-self:center;padding:1rem;border:none;border-radius:5px;background-color:#f2f3cc;cursor:pointer}.save-changes:hover{background-color:#b4b58d}.save-changes:active{background-color:#d2d399}.hamburger{position:relative;display:block;width:35px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none}.hamburger .bar,.hamburger:after,.hamburger:before{content:"";display:block;width:100%;height:4px;background-color:#005b4b;margin:4px 0;transition:all .3s ease}.hamburger.is-active:before{transform:rotate(-45deg) translate(-5px,5px)}.hamburger.is-active:after{transform:rotate(45deg) translate(-6px,-6px)}.hamburger.is-active .bar{opacity:0}@media (min-width: 700px){.content{height:100vh}.header{display:none}.content>form{height:100%;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#f2f3cc #fffff0}.content>form::-webkit-scrollbar{width:5px}.content>form::-webkit-scrollbar-track{background-color:ivory}.content>form::-webkit-scrollbar-thumb{background-color:#f2f3cc}}.resume::-webkit-scrollbar{width:5px}.resume::-webkit-scrollbar-track{background-color:#f2f3cc}.resume::-webkit-scrollbar-thumb{background-color:#005b4b}.resume{position:fixed;top:0;z-index:1;transition:transform .3s ease-in-out;background-color:#f2f3cc;height:calc(100vh - 78px);overflow-y:auto;display:flex;width:100%;scrollbar-width:thin;scrollbar-color:#005b4b #f2f3cc}.resume-container{display:flex;flex-direction:column;padding:.8rem 0;gap:20px;font-family:Roboto,sans-serif;width:100%;height:fit-content}.resume-container img{width:20px}.resume-section-container{display:flex;flex-direction:column;gap:15px}.resume-section-container>h2{font-family:Roboto Slab,sans-serif;text-align:center;font-size:1.2rem}.personal-details{display:flex;flex-direction:column;gap:10px;background-color:ivory;padding:.9rem 1rem}.personal-details>h2{text-align:center;font-size:1.5rem;font-weight:500;font-family:Roboto Slab,sans-serif}.personal-info{display:flex;flex-direction:column;gap:5px}.personal-icon-container{display:flex;align-items:center;gap:5px}.experience-container{display:flex;flex-direction:column;gap:20px}.experience-field-container{display:grid;grid-template-columns:1fr 5fr;grid-template-rows:1fr 3fr 3fr;gap:20px 10px;justify-items:center;border:2px solid #fffff0;padding:0 1rem 1rem;min-height:275px;box-shadow:1.7px 3.2px 2.2px #00000002,4px 7.6px 5.3px #00000003,7.5px 14.3px 10px #00000004,13.4px 25.5px 17.9px #00000005,25.1px 47.6px 33.4px #00000006,60px 114px 80px #00000008}.experience-field-container.edit{grid-template-columns:1fr 1fr;grid-template-rows:auto;align-items:start}.experience-field-container.edit>input{width:100%}.experience-field-container>.buttons-container{grid-column:1 / 3;grid-row:1 / 2;justify-self:end;display:flex;align-items:center}.buttons-container>button{background:none;border:none;cursor:pointer}.buttons-container>button.apply-edit{background-color:#005b4b;border-radius:4px;padding:3px 5px}.buttons-container img{width:23px}.buttons-container>button:nth-of-type(2)>img{width:28px}.experience-field-container>p:nth-of-type(1),.experience-field-container>p:nth-of-type(3){justify-self:start}.resume-list-container{list-style:disc}.resume-list-container>li{display:flex;align-items:center;gap:5px}.resume-list-container>li>input{width:100%}.resume-list-container>li>button{font-family:Roboto,sans-serif;font-style:italic;border:none;background-color:#d33b3b;border-radius:3px;cursor:pointer}.resume-list-container>li>button:hover{background-color:#dc4343}.download-pdf{font-family:Roboto,sans-serif;font-style:italic;font-size:1rem;font-weight:700;border:none;border-radius:3px;outline:none;align-self:center;background-color:#005b4b;color:#f2f3cc;padding:.8rem;margin:1rem;cursor:pointer}.visible{transform:translateY(78px)}.hidden{transform:translateY(-100%)}@media (min-width: 700px){.resume{position:static;height:auto;flex-grow:1;height:100vh}.resume-section-container>h2{font-size:1.3rem}.resume-container{padding:.8rem .7rem}.personal-details{align-items:center}.personal-info{flex-direction:row;gap:30px}.experience-container{font-size:1.2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.visible{transform:none}}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal}.container{font-family:Roboto,sans-serif;padding:2rem;display:flex;flex-direction:column;gap:70px}@media (min-width: 700px){#root{display:flex}}*,*:after,*:before{box-sizing:border-box}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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}