*{margin:0;padding:0;box-sizing:border-box}#root{--input-text-color: rgb(185, 219, 238);width:100%;height:100%;display:flex;flex-direction:row;background:#0f2027;background:-webkit-linear-gradient(to right,#2c5364,#203a43,#0f2027);background:linear-gradient(to right,#2c5364,#203a43,#0f2027)}.App-CV{width:65%;height:100vh;display:flex;justify-content:center;align-items:center}.App-Edit{width:35%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.App-Edit button{align-items:center;background-image:linear-gradient(144deg,#af40ff,#5b42f3 50%,#00ddeb);border:0;border-radius:8px;box-shadow:#9741fc33 0 15px 30px -5px;box-sizing:border-box;color:#fff;display:flex;font-family:Phantomsans,sans-serif;font-size:14px;justify-content:center;line-height:.8em;max-width:50%;min-width:50px;padding:0;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;cursor:pointer;transition:all .3s}button:active,button:hover{outline:0}button span{background-color:#05062dd0;padding:6px 12px;border-radius:6px;width:100%;height:100%;transition:.3s}button:hover span{background:none}button:active{transform:scale(.9)}.name-area-class,.school-area-class,.work-area-class{display:flex;flex-direction:column;gap:.75rem;padding:1rem;width:50%;border-radius:15px;background-color:#f5f5f523}.name-area-class ::placeholder,.school-area-class ::placeholder,.work-area-class ::placeholder{color:var(--input-text-color)}.name-area-class input,.school-area-class input,.work-area-class input{border-radius:15px;padding:.15rem .25rem;background-color:#ffffff5d;color:var(--input-text-color);width:90%}.name-area-class input:disabled,.school-area-class input:disabled,.work-area-class input:disabled{background-color:#0f2027}form{display:flex;flex-direction:column;gap:1rem;align-items:center;color:#fff}form .checkbox{width:1rem;height:1rem;background-color:#ffffff5d}.position-title,.school-title{color:#000;font-weight:900}.enterprise,.studies{color:#2f4f4f;font-style:oblique}.date{color:#2f4f4f;font-weight:900}.hide{display:none}button{background-color:transparent;border:none}.CV-class{background-color:#f5f5f5;width:67%;height:95%;overflow:auto}.CV-class h2{display:flex;justify-content:center;text-decoration:underline}.CV-name-area-class{padding:2rem 1rem;background-image:linear-gradient(144deg,#af40ff,#5b42f3 50%,#00ddeb);color:#dbdada}.CV-name-area-class p{padding:.25rem}.CV-school-area-class,.CV-work-area-class{padding:2rem}.CV-school-area-class ul,.CV-work-area-class ul{display:flex;flex-direction:column;gap:1rem}.CV-school-area-class li,.CV-work-area-class li{list-style:none}