*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}div#root{flex-direction:column;align-items:center;display:flex}header{color:#f0f8ff;background-color:#6495ed;justify-content:center;align-items:center;gap:5px;width:100%;margin-bottom:10px;display:flex}button{cursor:pointer;place-self:center;margin:5px 0;padding:5px;font-weight:700}input,textarea{border:2px solid #000;padding:5px;font-size:15px}section{background-color:#fff;width:80%;box-shadow:2px 2px 2px gray}section>div:not(.personal),div.personal>h2,div.personal>div.details>:not(hr){padding:5px}div.personal.submited{background-color:brown}div.personal.submited>h2{display:none}div.details>div.user-name{text-align:center}div.contact{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}div.school,div.experience{flex-direction:column;display:flex}div.details>button{margin:5px}section>div>div>*{row-gap:10px;display:grid}section>div>div>*>div{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}input{place-self:start}div.summary{background-color:#fff}div.date{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}div.date>:last-child{place-self:end}@media (width>=700px){section{width:60%;max-width:700px}}@media (width>=1024px){div.contact>p:nth-child(2){place-self:center}div.contact>p:last-child{place-self:end}}