*{padding:0;margin:0;box-sizing:border-box}html{height:100vh}body{font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:15px;color:#2e2e2e;background-color:#f9f9f9;line-height:1.5;display:flex;justify-content:center;align-items:center}:root{--main-color: rgb(255, 255, 255);--border-color: rgb(58, 58, 58);--border-active-color: rgb(0, 0, 0);--inactive-text-color:rgb(169, 169, 169);--first-form-color: rgb(121, 109, 122);--third-form-color: rgb(154, 158, 171)}main{margin:20px 40px;width:850px;display:flex;gap:20px;flex-direction:column;justify-content:center}section{padding:10px 20px;width:100%;display:flex;gap:10px;justify-content:space-between}.nameBox,.date{display:flex;gap:10px;flex-direction:row}div{display:flex;gap:5px;flex-direction:column}form{padding:10px 15px;border:2px solid var(--border-color);border-radius:20px;display:flex;gap:20px;flex-direction:column}.generalInformation{background-color:var(--first-form-color)}.educationalExperience{border:none}.practicalExperience{padding:10px;width:100%;background-color:var(--third-form-color);display:flex;gap:20px;flex-direction:column}.practicalExperience>div,.practicalExperience>p{padding:5px 10px;background-color:var(--main-color);border:1px solid var(--border-color);border-radius:10px}.practicalExperience>p{text-align:center}.practicalExperience>div>div{padding:5px 10px;border-radius:10px;display:flex;gap:20px;flex-direction:row;justify-content:space-between}.practicalExperience>div>div>div:last-child{gap:10px}.date{width:100%;display:flex;gap:16px}.buttonPanel{width:100%;display:flex;flex-direction:row;justify-content:end}.buttonPanel>button{width:80px}label{font-weight:600}input{padding:10px 12px;border:1px solid var(--border-color);border-radius:10px}input:active,input:focus{outline:1px solid var(--border-active-color)}input[type=date]{flex:50%}input[readonly]{color:var(--border-color);border-color:#696868;cursor:default}input[readonly]:active,input[readonly]:focus,textarea[readonly]:active,textarea[readonly]:focus{border-color:#696868;outline:none}textarea{padding:5px 10px;width:500px;height:200px;border-radius:5px;resize:none}textarea[readonly]{color:var(--border-color);border-color:#696868;cursor:default}button{padding:10px 20px;font-weight:600;border:1px solid var(--border-color);border-radius:10px}