.side{display:flex;flex-direction:column;background-color:#191970;color:#fff;min-width:320px;padding:2em;gap:30px;box-sizing:border-box}#photo{height:250px;width:250px;overflow:hidden;border-radius:50%;border:1px solid black;box-sizing:border-box}#photo>img{height:auto;width:100%;position:relative;bottom:25%}.main{display:flex;flex-direction:column;padding:2em;gap:30px;background-color:#f0f0f0;color:#191970;min-width:320px;max-width:600px;box-sizing:border-box}#contact{min-height:220px}.title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid white;margin-bottom:15px;height:50px}.edit{height:25px;width:50px;border-radius:10px;font-weight:600;color:#191970}button:hover,button:focus{background-color:#fff;border-color:#fff;cursor:pointer}.sideForm{display:flex;flex-direction:column;gap:10px}.sideForm>div{display:flex;flex-direction:column}.sideForm p{margin:5px 0;border:3px solid transparent;border-width:3px 0}.sideForm input{font-size:16px;margin:5px 0}#education{min-height:200px}#degrees{gap:20px}li h3,li p{margin:5px 0}.sideForm button{align-self:end;font-weight:600;color:#191970;border-radius:10px;height:25px;width:50px}#language{min-height:200px}.list{display:flex;flex-direction:column;gap:10px;padding:0}.list li{display:flex;align-items:center;justify-content:space-between}.list li button{border-radius:50%;color:#191970;font-weight:600;padding:2px 6px}.sideForm button{font-weight:600;color:#191970;border-radius:10px;height:25px;width:50px}#header{min-height:250px}#header button{color:#f5f5f5;background-color:#191970}.intro{display:flex;flex-direction:column;gap:10px}.intro label{display:flex;flex-direction:column}.intro input{font-size:16px}.wrapper{display:flex;align-items:center;justify-content:space-between}.intro textarea{height:120px;min-width:250px}h1{font-size:3rem;margin:0}h2{font-size:2rem;margin:0}#experience button{color:#fff;background-color:#191970}.expTitle{display:flex;align-items:center;height:50px;border-bottom:1px solid}#jobs{gap:20px}.expForm{display:flex;flex-direction:column;gap:10px}.expForm div{display:flex;flex-direction:column}.expForm button{align-self:end}#jobDescription{height:100px}html,body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0;height:100%;width:100%}#root{display:flex;flex-wrap:wrap;justify-content:center}button{transition:transform linear .5s}button:hover,button:focus{transform:scale(1.2)}@media print{button{display:none}}