#root{--background-color-primary: #345995;--background-color-secondary: #E6E6E6;--header-text-color: #E6E6E6;--regular-text-color: #444444;--accent-color: #00B5B5;--focus-color: #FFD166;min-height:100vh;display:grid;grid-template-rows:75px 1fr 50px;background-color:var(--background-color-primary)}header{padding:20px;color:var(--header-text-color)}header,legend{font-family:Arial,Helvetica,sans-serif}footer{display:flex;justify-content:center;align-items:center}footer,main,input,textarea,button{font-family:Georgia,Times New Roman,Times,serif}a,a:visited,a:link{color:var(--focus-color);text-decoration:none;transition:transform .25s ease-in-out}a:hover{transform:scale(1.1)}main{display:flex;flex-direction:column;justify-content:center;align-items:center}form{min-width:320px;width:70vw;height:max(100%,1152px);padding:25px;border:1px solid black;border-radius:5px;display:flex;gap:20px;flex-direction:column;justify-content:space-around;background-color:var(--background-color-secondary);color:var(--regular-text-color)}fieldset{border:none;height:100%}legend{text-align:center;font-weight:700;margin-bottom:10px;font-size:24px;color:#000;text-decoration:underline}.input-wrapper{display:grid;column-gap:10px;row-gap:10px;height:100%;align-items:start}label[for=job_responsibilities]{grid-column:1/3}.info .input-wrapper{grid-template-rows:1fr 1fr;grid-template-columns:repeat(2,1fr 2fr)}.education .input-wrapper{grid-template-columns:repeat(2,1fr 2fr)}.practical .input-wrapper{grid-template-columns:repeat(2,1fr 2fr);grid-template-rows:26px 26px 3fr 1fr}#title_study{grid-column:4/5;grid-row:1/3}#job_responsibilities{grid-column:1/5}input:invalid,textarea:invalid{background-color:#ffe3e3}input:valid,textarea:valid{background-color:#a7eda7}input,textarea{min-height:26px}input,textarea{border-radius:5px;padding:2px;border:1px solid var(--background-color-primary);font-size:16px}input:focus,textarea:focus{outline:none;border:2px solid var(--accent-color)}textarea{resize:vertical;max-height:200px;align-self:first baseline;height:100%}button{min-height:35px;background-color:var(--accent-color);border-radius:5px;border:1px solid var(--background-color-primary)}button:hover{background-color:var(--focus-color)}@media (max-width: 1100px){.input-wrapper{display:flex;flex-direction:column;align-items:start;justify-items:stretch}input,textarea{width:100%}}.view{min-width:375px;width:min(80%,600px);display:flex;flex-direction:column;gap:15px;background-color:var(--background-color-secondary);padding:25px;border-radius:5px;border:1px solid black}.email-phone,.school-date,.company-date{display:flex;justify-content:space-between;gap:25px}.responsibilities{margin-left:20px}section{display:flex;flex-direction:column;gap:10px}.school,.company{font-weight:700}.title{font-style:italic}.full-name{font-size:30px}.date{text-align:end}*{margin:0;padding:0;box-sizing:border-box}