#root{max-width:1280px;padding:2rem;text-align:center;display:flex;flex-direction:column;font-family:sans-serif;font-size:18px;--purple:#8c6dfc}main{padding:0 100px}.submitBtn,.editBtn{grid-area:1/3/2/4}.header{display:flex;align-items:center;justify-content:space-between}input{font-size:18px;padding:10px 10px 10px 5px;width:clamp(150px,200px,400px);border:none;border-bottom:2px solid #b09bfc;text-align:center;font-weight:700;transition:border-bottom .5s ease 0s;height:21px}input:focus{outline:none;border-bottom:2px solid #3700ff}button{appearance:none;width:100px;padding:10px 10px 10px 5px;border-radius:15px;border:none;cursor:pointer}button:hover{background-color:#000;color:#fff}button:focus{background-color:#313131;color:#fff}h3,li{font-size:18px;padding:10px 10px 10px 5px;width:clamp(150px,400px,200px);border:none;border-bottom:2px solid transparent;text-align:center;font-weight:700;margin-block-start:0;margin-block-end:0}.firstLine{display:flex;flex-direction:row;align-items:center;justify-content:space-between}#generalInfo{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;justify-items:center;height:clamp(150px,400px,200px)}#fullName,.fullName{grid-area:1/1/2/5}input.positionTitle,input.degree{display:flex;flex-direction:row}.responabilities>ul{display:grid;grid-template-rows:50px;grid-auto-rows:50px;justify-content:center}textarea,textarea:focus,li{appearance:none;width:900px;text-align:left;font-size:1rem;font-family:sans-serif;padding-top:10px;font-weight:400}