:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;box-sizing:border-box}@media (width<=1024px){:root{font-size:16px}}body{background-color:#434;margin:0}.main{border-inline:1px solid var(--border);background-color:#fff;width:800px;max-width:100%;min-height:100svh;margin:10px auto;padding:5px 100px}.main>h1{text-align:center;text-shadow:2px 2px 4px gray;color:#434;margin-bottom:40px;text-decoration:underline}fieldset{border-left:15px solid #434;border-radius:8px;grid-template-columns:1.5fr 2fr;row-gap:20px;margin-bottom:30px;padding:15px 40px 15px 70px;display:grid}legend{text-align:center;text-shadow:2px 2px 4px gray;color:#434;font-weight:700}fieldset input{border:2px solid gray;border-radius:8px;outline:none;padding:5px}fieldset input:focus{border:3px solid #000}#error{color:red;grid-column:1/3;justify-self:center;font-weight:700}fieldset>button{color:#fff;cursor:pointer;background-color:#434;border:none;border-radius:8px;grid-column:1/3;justify-self:center;width:100px;padding:5px}.userData{text-align:center;margin-bottom:30px}.userData>button,.edu button,.exp button{color:#fff;cursor:pointer;background-color:green;border:none;border-radius:8px;width:100px;padding:5px}.edu,.exp{grid-template-columns:2fr 1fr;margin-bottom:10px;display:grid}.edu h3,.edu h5{margin:0 0 5px}.edu .duration,.edu button,.exp .duration,.exp button{justify-self:end}.exp{grid-template-rows:40px;row-gap:15px}.exp h3,.exp h4,.exp ul{margin:0}.exp h3,.exp p{display:inline}.exp button{height:30px}