@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700&display=swap";:root{--clr-primary-400:hsl(228, 39%, 23%) ;--clr-accent-900: hsl(233, 12%, 13%) ;--clr-neutral-100: hsl(0, 0%, 100%) ;--clr-neutral-200: rgb(233, 231, 231);--clr-neutral-150: rgba(233, 231, 231, .582);--ff-primary: "Be Vietnam Pro", sans-serif;--ff-body: var(--ff-primary);--ff-heading: var(--ff-primary);--fw-regular: 400;--fw-semi: 500;--fw-bold: 700;--fs-300: .81255rem;--fs-400: .875rem;--fs-500: .9375rem;--fs-600: 1rem;--fs-700: 1.875rem;--fs-800: 2.5rem;--fs-900: 3.5rem;--fs-body: var(--fs-400) ;--fs-nav: var(--fs-500);--fs-button: var(--fs-300);--fs-primary-heading: var(--fs-800) ;--fs-secondary-heading: var(--fs-700);--size-100: .25rem;--size-200: .5rem;--size-300: .75rem;--size-400: 1rem;--size-500: 1.5rem;--size-600: 2rem;--size-700: 3rem;--size-800: 4rem;--size-900: 5rem}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}body{background-color:var(--clr-neutral-200);font-size:var(--fs-body);font-family:var(--ff-body)}.main-container{max-width:min(1000px,calc(100% - 60px));margin-inline:auto;margin-block:30px;display:grid;grid-template-columns:1.5fr 4fr;gap:30px}.wrapper{background-color:var(--clr-neutral-100);padding:18px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:start;box-shadow:5px 5px 2px 2px #fcf7f7}.wrapper form{min-width:100%}.editbar{display:flex;flex-direction:column;gap:30px}.editbar-menu{min-width:100%;display:grid;grid-template-columns:1fr 4fr 1fr;align-items:center;justify-content:center;gap:20px}.editbar-menu img{max-height:30px}.card{padding:15px;width:100%}.card-header{display:flex;justify-content:space-between;width:100%;font-size:var(--size-400);font-weight:var(--fw-semi);background-color:var(--clr-neutral-100);outline:none;border:none}.cv{height:29.7cm;max-width:21cm;background-color:#fff}.header{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#0e374e;color:var(--clr-neutral-100);padding:36px 24px}.person-name{font-size:var(--fs-800);font-weight:var(--fw-bold);padding-block:20px}.person-detail-list{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.person-detail-list-item{display:flex;align-items:center;gap:5px}.person-detail-list img{height:20px}.displaybar-block{padding-block:25px 15px;margin-inline:auto;max-width:90%}.block-title{color:var(--clr-primary-400);font-size:1.3rem;font-weight:var(--fw-bold);width:100%;padding-block:7px;background-color:var(--clr-neutral-200);text-align:center;margin-bottom:20px}.information{display:grid;grid-template-columns:1fr 2fr;column-gap:20px;margin-bottom:20px}.left,.right{padding-block:5px;display:flex;flex-direction:column;gap:10px}.add-new{font-family:var(--fs-body);font-size:var(--size-400);background-color:#fff;outline:none;border:4px solid rgba(128,128,128,.411);border-radius:30px;padding:7px 10px}.add-new:hover{border:4px solid #0e374e}button{cursor:pointer}.button-form-list{display:flex;justify-content:space-between}.button-form{font-size:var(--size-400);background-color:var(--clr-neutral-100);color:gray;font-weight:var(--fw-bold);padding:10px;outline:none;border:2px solid grey;border-radius:7px}.button-form:hover{background-color:#0e374e}.save{background-color:var(--clr-primary-400);color:#fff}.save:hover{background-color:#fff;color:var(--clr-primary-400)}.heading-2{font-size:var(--size-500);font-weight:var(--fw-semi)}.detail-list{padding-block:var(--size-500);display:flex;flex-direction:column;gap:15px;font-size:var(--size-400);font-weight:var(--fw-semi)}.detail-list-item{display:flex;flex-direction:column;gap:var(--size-200)}.detail-list-item input{border:none;min-height:var(--size-600);border-radius:var(--size-200);background-color:var(--clr-neutral-150)}.detail-list-item input:is(:hover,:focus-within){outline:2px solid lightblue;border:none}.fw-bold{font-weight:var(--fw-bold)}